datagrid 使用
Posted 窗外是绿色的
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了datagrid 使用相关的知识，希望对你有一定的参考价值。
设置行高:
可以通过设置td高度来设置行高，设置代码如下：
.datagrid-header td,.datagrid-body td
{
height:40px;
}
设置 rownumber 的宽度，防止行数字不能完整显示
修改css代码即可：
.datagrid-header-rownumber,.datagrid-cell-rownumber
{
width:50px;
}
设置列的宽度
这个只需要在进行列设置时指定宽度即可：
columns:[[
{field:‘id‘,title:‘id‘,align:‘center‘,halign:‘center‘,width:‘100‘},
{field:‘protocol‘,title:‘protocol‘,align:‘center‘,halign:‘center‘,width:‘100‘},
{field:‘srcIp‘,title:‘srcIp‘,align:‘center‘,halign:‘center‘,width:‘100‘},
{field:‘dstIp‘,title:‘dstIp‘,align:‘center‘,halign:‘center‘,width:‘100‘},
]],
width:‘100‘ //里面不需要写任何长度单位
datagrid 重新加载
$("#dg").datagrid("reload")
datagrid 根据参数加载数据
$("#dg").datagrid("load",{id:id,name:name});
datagrid 初始化
$("#dg).datagrid({url:‘...‘,queryParams:{name:‘...‘,id:123}})
以上是关于datagrid 使用的主要内容，如果未能解决你的问题，请参考以下文章