datagrid 冻结列frozenColumns使用小细节

最新推荐文章于 2023-09-05 14:59:52 发布

原创最新推荐文章于 2023-09-05 14:59:52 发布 · 4.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#frozenColumns #fitColumns

jquery easyui 专栏收录该内容

1 篇文章

订阅专栏

本文介绍在使用jQuery EasyUI DataGrid时遇到的冻结列失效问题及其解决方案。当设置了列宽且启用列宽自适应（fitColumns:true）时，冻结列功能会失效。文章提供了调整配置以实现正确冻结列的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery easyui datagrid 使用frozenColumns冻结列时，如果列宽（width）属性都设置了宽度（建议都设置width属性），如果datagrid 设置了fitColumns:true属性，这个时候冻结列将无效，把fitColumns设置成false或者去掉该属性，冻结列就可以用了

       $('#listInfo').datagrid({
				         fit:true,
				         striped:true,  //隔行换色
				         fitColumns:false,//列宽自适应
				         pagination:true, //是否分页
				         pageSize:14,
				         pageList:[14,28,50],
				         border:true,  //是否有外边框 
				         singleSelect:true, //只能选择单行
				         checkOnSelect:false,
				         selectOnCheck:false,

          frozenColumns:[[    
               {field:'NAME',title:'名称',align:'left',halign:'center',width:'240',sortable:true}
					 ]],