EasyUI 冻结列

一、如果是js绘制的，设置frozenColumn属性就可以，frozenColumn 属性和 columns 属性都是设置列，frozenColumn是设置冻结列

$('#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}
        ]]
    });

二、如果是html绘制的，加一个frozen="true"属性就可以了

<thead frozen="true">
            <tr>
                <th field="itemid" width="80">Item ID</th>
                <th field="productid" width="80">Product ID</th>
            </tr>
 </thead>

实现效果如下：拖动的时候冻结的列不动，如果非冻结列字段比较多，会自动添加滚动条在非冻结列上