EasyUI中DataGrid的frozenColumns使用细节
2014-12-04 13:35
357 查看
例如列表中的列过多。导致页面挤压的会非常难看。那么就可以通过设置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就不要设置了.否则可能冻结列设置没有效果
相关文章推荐
- EasyUI中DataGrid的frozenColumns使用细节
- 使用easyUI 动态改变datagrid的columns
- 使用easyUI 动态改变datagrid的columns
- 使用easyUI 动态改变datagrid的columns
- 使用Jquery EasyUi常见问题解决方案 刷新 easyui datagrid 数据
- EasyUI的datagrid页脚footer使用注意事项
- 使用easyUI 添加toolbar到datagrid
- 使用 Columns 集合动态向 DataGrid 控件添加列。
- 返回easyui/extjs中datagrid使用的json格式
- 使用easyUI 为datagrid冻结列
- 使用easyUI 添加toolbar到datagrid
- 使用easyUI给datagrid添加pagination
- 使用easyUI添加查询功能在datagrid
- 在easyui中的datagrid中使用行内编辑时textarea的换行保存到mysql数据库为\n
- easyui datagrid使用
- easyui datagrid使用
- 【原创】c#讲数据库数据转换为json格式(使用extjs,easyui中的datagrid)
- easyui datagrid使用
- 使用easyUI转换HTML table到datagrid
- c#将数据库数据转换为json格式(使用extjs,easyui中的datagrid)