使用easyUI 为datagrid冻结列-白红宇

使用easyUI 为datagrid冻结列

阅读量：5150 次

发布时间：2019-06-13

本文共 1111 字，大约阅读时间需要 3 分钟。

@author YHC

这个示例演示如何冻结一些列,冻结列不能滚动到视图的外部,当用户移动水平滚动条他将穿过grid.

冻结列你需要定义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 组件,就像这样:


    
                                                Item ID                      Product ID                 
           
                                                List Price                      Unit Cost                      Attribute                      Stauts