easyui datagrid 加载大量数据时,页面渲染速度慢的解决方式

发布时间：2019-03-14作者：laosun阅读（6221）

在使用 easyui datagrid 页面数据加载多的情况下， 效率真的不是一般的差。经过从网上一番查找资料，解决方式都是一样的。datagrid表格渲染会通过计算表格元素宽度，取出最宽的表格，对列宽负值。我灵机一动我们渲染的表格列数达到了30列，官方的示例都在10列左右，难道是要设置固定列宽（width），来降低表格计算宽度消耗的时间。

既然确定了问题，那么就修改下源码即可。

打开jquery.easyui.js，搜索 Math.max(tr1.height() 确定到位置。如下所示：

for (var i = 0; i < trs2.length; i++) {
    //var tr1 = $(trs1[i]);
    //var tr2 = $(trs2[i]);
    //tr1.css("height", "");
    //tr2.css("height", "");
    //var _43f = Math.max(tr1.height(), tr2.height());
    //tr1.css("height", _43f);
    //tr2.css("height", _43f);
}

屏蔽掉即可。速度立马提升几十倍。


如果发现你的table表格高度出现了问题。

那么可以使用

.datagrid-row {
  height: 42px;
  text-align:center;
}

来进行统一设置。

 发表评论

 请文明留言

  发表

共 1 条评论