jqgrid setFrozenColumns 틀고정

This example demonstartes the new Frozen Columns
Try to scroll horizontally.

Frozen Header

InvNo	Client	Amount	Tax	Total	Closed	Shipped via	Notes

13	Client 3	1,000.00	0.00	1,000.00
8	Client 3	200.00	0.00	200.00
12	Client 2	700.00	140.00	840.00
10	Client 2	100.00	20.00	120.00
11	Client 1	600.00	120.00	720.00
9	Client 1	200.00	40.00	240.00
5	Client 3	100.00	0.00	100.00			no tax at all
7	Client 2	120.00	12.00	134.00
6	Client 1	50.00	10.00	60.00
4	Client 3	150.00	0.00	150.00			no tax

InvNo	Client

13	Client 3
8	Client 3
12	Client 2
10	Client 2
11	Client 1
9	Client 1
5	Client 3
7	Client 2
6	Client 1
4	Client 3

Page of 2 102030

View 1 - 10 of 13

HTML Java Scrpt code jQuery("#gfrc1").jqGrid({ url:'server.php?q=4', datatype: "json", colNames: ['InvNo', 'Client', 'Amount', 'Tax', 'Total', 'Closed', 'Shipped via', 'Notes'], colModel: [ {name: 'id', index: 'id', width: 60, align: 'center', sorttype: 'date', frozen : true}, {name: 'name', index: 'name', width: 100, frozen : true }, {name: 'amount', index: 'amount', width: 75, formatter: 'number', sorttype: 'number', align: 'right'}, {name: 'tax', index: 'tax', width: 75, formatter: 'number', sorttype: 'number', align: 'right'}, {name: 'total', index: 'total', width: 75, formatter: 'number', sorttype: 'number', align: 'right'}, {name: 'closed', index: 'closed', width: 75, align: 'center', formatter: 'checkbox', edittype: 'checkbox', editoptions: {value: 'Yes:No', defaultValue: 'Yes'}}, {name: 'ship_via', index: 'ship_via', width: 120, align: 'center', formatter: 'select', edittype: 'select', editoptions: {value: 'FE:FedEx;TN:TNT;IN:Intim', defaultValue: 'Intime'}}, {name: 'note', index: 'note', width: 120, sortable: false} ], rowNum:10, width:700, rowList:[10,20,30], pager: '#pgfrc1', sortname: 'invdate', viewrecords: true, sortorder: "desc", jsonReader: { repeatitems : false }, shrinkToFit: false, caption: "Frozen Header", height: 'auto' }); jQuery("#gfrc1").jqGrid('setFrozenColumns');