EasyUI中DataGrid的frozenColumns使用细节
来源:互联网 发布:淘宝秒杀要刷新吗 编辑:程序博客网 时间:2024/06/06 14:15
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就不要设置了.否则可能冻结列设置没有效果
例如列表中的列过多。导致页面挤压的会非常难看。那么就可以通过设置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就不要设置了.否则可能冻结列设置没有效果
0 0
- EasyUI中DataGrid的frozenColumns使用细节
- EasyUI中DataGrid的frozenColumns使用细节
- Easyui - frozenColumns
- easyui中datagrid的formatter使用问题
- easyui datagrid 的使用
- easyui datagrid 的使用
- easyui的datagrid使用
- mvc中使用easyui-datagrid
- easyUI 中datagrid使用总结
- EasyUi中datagrid使用心得
- easyui中datagrid的row
- easyui 中datagrid的使用方法
- EasyUI中datagrid的样式
- EasyUI中datagrid的样式
- EasyUi Datagrid的基础使用
- easyui 的 DataGrid View 使用
- EasyUi Datagrid的基础使用
- EasyUi Datagrid的基础使用
- Reverse Linked List II
- mysql
- 一篇写得很不错的进程入门
- Java并发编程:如何创建线程
- python 修饰器
- EasyUI中DataGrid的frozenColumns使用细节
- 问题基本解决
- A+B
- 初识Linux(六)--javaJDK 、tomcat、mysql 的安装 和常见错误
- loadrunner:突破参数显示100条的限制
- linux db2 oracle
- 第十五周 oj平台 指针当形参
- 递归与非递归遍历文件目录
- 小技巧css解决移动端ios不兼容position:fixed属性,无需插件