雷林鵬分享：jQuery EasyUI 資料網格 - 設定當機列

　　jQuery EasyUI 資料網格 - 設定當機列

　　本執行個體示範如何當機一些列，當使用者在網格上移動水準滾動條時，當機列不能滾動到視圖的外部。

　　為了當機列，您需要定義 frozenColumns 屬性。frozenColumn 屬性和 columns 屬性一樣。

　　$('#tt').datagrid({

　　title:'Frozen Columns',

　　iconCls:'icon-save',

　　width:500,

　　height:250,

　　url:'data/datagrid_data.json',

　　frozenColumns:[[

　　{field:'itemid',title:'Item ID',width:80},

　　{field:'productid',title:'Product ID',width:80},

　　]],

　　columns:[[

　　{field:'listprice',title:'List Price',width:80,align:'right'},

　　{field:'unitcost',title:'Unit Cost',width:80,align:'right'},

　　{field:'attr1',title:'Attribute',width:100},

　　{field:'status',title:'Status',width:60}

　　]]

　　});

　　您不需要寫任何的 javascript 代碼，這樣您就能建立一個資料網格(datagrid)元件，如下所示：

　　

　　url="data/datagrid_data.json"

　　singleSelect="true" iconCls="icon-save">

Item ID	Product ID
List Price	Unit Cost	Attribute	Stauts

　　下載下傳 jQuery EasyUI 執行個體

　　jeasyui-datagrid-datagrid5.zip