您的位置:首页 > 产品设计 > UI/UE

EasyUI中DataGrid的frozenColumns使用细节

2013-06-21 17:05 459 查看
DataGrid的frozenColumns的作用是冻结某些列.

例如列表中的列过多。导致页面挤压的会非常难看。那么就可以通过设置grid的frozenColumns属性,来实现冻结某些列并拖动显示其他列信息.

如果是通过js绘制grid的,则添加一个forzenColumns属性即可.

frozenColumns:[[

{field:'no',title:'编号',align:'left'},

{field:'name',title:'名称',align:'left'}

]]

如果是html绘制的,则

<thead frozen="true">

<tr>

<th field="itemid" width="80">Item ID</th>

<th field="productid" width="80">Product ID</th>

</tr>

</thead>

这里有点要注意的就是,如果grid的宽高采用的是自适应,也就是设置了fit和fitColumns,那么grid列的width就不要设置了.否则可能冻结列设置没有效果
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: