jquery datagrid行号显示的一个小Bug

最新推荐文章于 2024-07-29 00:30:56 发布

kunkkaCoco

最新推荐文章于 2024-07-29 00:30:56 发布

阅读量8.8k

点赞数

分类专栏： jquery 文章标签： datagrid jquery class function div

本文链接：https://blog.csdn.net/kunkkacoco/article/details/7781892

版权

在jQuery EasyUI的DataGrid中，当数据行超过9999行时，第一列的行号（rownumber）会出现显示不全的Bug。通过分析源码，发现可以通过动态调整第一列单元格的宽度来解决此问题。当行数超过9999时，修改每个数据行的第一个单元格宽度，并在datagrid的onLoadSuccess回调中执行更新布局的代码，以确保显示完整行号。这样做可能会影响界面性能。

摘要由CSDN通过智能技术生成

jquery easyui datagrid中当你的行数据超过9999时，第一列的行号rownumber将会因为表格内容过长而导致无法显示全部数字

于是找到了其源码，作了以下一点点修改，解决了这个Bug。具体思路就是当行数超过9999时就动态去改变每行数据第一个格子的宽度

//找到datagrid部分的renderRow这个function,我这里是easyui 1.2.6版本，大概在第7562行
renderRow:function(_56d,_56e,_56f,_570,_571){
var opts=$.data(_56d,"datagrid").options;
var cc=[];
if(_56f&&opts.rownumbers){
var _572=_570+1;
if(opts.pagination){
_572+=(opts.pageNumber-1)*opts.pageSize;//这里算出行号
}
//cc.push("<td class=\"datagrid-td-rownumber\"><div class=\"datagrid-cell-rownumber\">"+_572+"</div></td>");原来的这句注释掉
//----------------------以下是增加的内容---------------------
var cell_width = 25;
if((_572+"").length > 4 && (_572+"&#