​x
 
1
​
2
<div id="grid_array" style="margin:auto;"></div>
3
​

46
 
1
​
2
    $(function () {
3
        var data = [
4
            ['rank', 'company', 'revenue', 'profits'],
5
            [1, 'Exxon Mobil', '339938.0', '36130.0'],
6
            [2, 'Wal-Mart Stores', '315654.0', '11231.0'],
7
            [3, 'Royal Dutch Shell', '306731.0', '25311.0'],
8
            [4, 'BP', '267600.0', '22341.0'],
9
            [5, 'General Motors', '192604.0', '-10567.0'],
10
            [6, 'Chevron', '189481.0', '14099.0'],
11
            [7, 'DaimlerChrysler', '186106.3', '3536.3'],
12
            [8, 'Toyota Motor', '185805.0', '12119.6'],
13
            [9, 'Ford Motor', '177210.0', '2024.0'],
14
            [10, 'ConocoPhillips', '166683.0', '13529.0'],
15
            [11, 'General Electric', '157153.0', '16353.0'],
16
            [12, 'Total', '152360.7', '15250.0'],
17
            [13, 'ING Group', '138235.3', '8958.9'],
18
            [14, 'Citigroup', '131045.0', '24589.0'],
19
            [15, 'AXA', '129839.2', '5186.5'],
20
            [16, 'Allianz', '121406.0', '5442.4'],
21
            [17, 'Volkswagen', '118376.6', '1391.7'],
22
            [18, 'Fortis', '112351.4', '4896.3'],
23
            [19, 'Crédit Agricole', '110764.6', '7434.3'],
24
            [20, 'American Intl. Group', '108905.0', '10477.0']];
25
​
26
​
27
        var obj = {
28
            title: "Grid From Array",
29
            numberCell: { resizable: true, title: "#" },
30
            scrollModel: { autoFit: true },
31
            columnTemplate: { 
32
                title: function (ui) {
33
                    return ['A', 'B', 'C', 'D'][ui.colIndx];
34
                }
35
            },
36
            sortModel: {on : false},
37
            showBottom: false,
38
            freezeRows: 1,
39
            resizable: true,
40
            dataModel: { data: data }
41
        };
42
​
43
        var $grid = $("#grid_array").pqGrid(obj);
44
​
45
    });
46
​