logo

EasyUI DataGrid 冻结列2012-07-08

这个例子演示了如何冻结列。当用户水平滚动的时候,冻结列不能滚动出视图。
\
冻结列,你应该定义frozenColumns属性,这个属性和columns属性相似。
<table id="tt"></table>
$('#tt').datagrid({
    title:'Frozen Columns',
    iconCls:'icon-save',
    width:500,
    height:250,
    url:'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}
    ]]
});

相关话题

热门搜索

  • EasyUI
  • DataGrid
  • 冻结列

扫描二维码分享话题