'jqgrid setFrozenColumns 틀고정'에 해당되는 글 1건

  1. 2015.02.23 jqgrid setFrozenColumns 틀고정
반응형
This example demonstartes the new Frozen Columns
Try to scroll horizontally.


Frozen Header
 
InvNo
 
Client
 
Amount
 
Tax
 
Total
 
Closed
 
Shipped via
 
Notes
13Client 31,000.000.001,000.00  
8Client 3200.000.00200.00  
12Client 2700.00140.00840.00  
10Client 2100.0020.00120.00  
11Client 1600.00120.00720.00  
9Client 1200.0040.00240.00  
5Client 3100.000.00100.00 no tax at all
7Client 2120.0012.00134.00  
6Client 150.0010.0060.00  
4Client 3150.000.00150.00 no tax
 
InvNo
 
Client
13Client 3
8Client 3
12Client 2
10Client 2
11Client 1
9Client 1
5Client 3
7Client 2
6Client 1
4Client 3
Page of 2
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');


Posted by 1010