easyui中datagrid标签下的 frozencolumns怎么使用

easyui中datagrid标签下的 frozencolumns怎么使用,第1张

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就不要设置了否则可能冻结列设置没有效果。

var width = $(window)width()-80;
var height = $(window)height()-120;
stView_layout = $('#stView_layout')layout({
width: width,
height: height
});
station_view = $('#stationView')window({
title: '测站导航',
left:50,
top:80,
width: width,
modal: false,
shadow: false,
closed: true,
height: height,
onResize:function(w,h){
if(stView_treegrid){
stView_treegridtreegrid({
width:w-20,
height:h-260
});
}
}
});


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13400728.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-29
下一篇 2023-07-29

发表评论

登录后才能评论

评论列表(0条)

保存