jquery easyui datagrid 空白条处理 自适应宽高 格式化函数formmater 初始化时会报错 cannot read property 'width'||'length' of null|undefined
1---表格定义好之后右侧可能会有一个空白条
这个空白条是留给滚动条的,当表格中的一页的数据在页面中不能全显示时会自动出现滚动条,网上有很多事要改源码才可以修改这个,但是当项目中多处用到时,有的需要滚动条,有的不需要,这样修改源码可能会对其他页面产生影响,当页面要求不高时,可以利用内部单元格宽度综合大于100%来覆盖,当然页面要求高时,只能修改源码。
columns:[[
{field:'aaaaas',title:'aaas',align:'center',width:'35%'},
{field:'vbbbbbbbbbb',title:'bbb:'center',width:'35%'},
{field:'pvccccc',title:'ccc,align:'center',width:'35%'}
]],
2---当使用自适应高度时:
height:($(document).height()-300),可能会产生显示窗口拉动,高度不断增加
height:($(window).height()-300),会避免上面的情况发生
3---当使用fitColumns:true时,需要有一个宽度设定,
fitColumns:true,
columns:[[
{field:'aaaaas',title:'aaas',align:'center',width:100},
{field:'vbbbbbbbbbb',title:'bbb:'center'},
{field:'pvccccc',title:'ccc,align:'center'}
]]
4----filed中格式化函数
单元格formatter(格式化器)函数,带3个参数:
value:字段值。
row:行记录数据(可以根据此项获得各行所在列对应的值)。
index: 行索引。)
5--- datagrid表格初始化时总是会报错 cannot read property of 'width'of null 或者 cannot read property of 'length’ of undefined
对于上面的两个图可能原因(一 一对应关系):
1英文单词field等拼写错误
2 请求地址拿回来的数据格式不对,比如下面,拿回的数据若不是rows会报类似错误;
错误的
正确的