雷林鹏分享：jQuery EasyUI 数据网格 - 设置冻结列 - jQuery

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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

本文转载自：w3cschool(编辑：雷林鹏来源：网络侵删)

雷林鹏分享：jQuery EasyUI 数据网格 - 设置冻结列