最近项目中使用了easyUI这个js展现层，说实话，展示效果还算不错，使用上也比较方便，但是让我头疼的就是datagrid的这个控件。
它的使用起始非常简单方便，而且提供的功能也比较全面，但是美中不足的就是，该控件在加载比较大的数据量时，渲染速度有点难以承受。
网上找了相关的解决方案，无外乎就是使用view。
view这个东西说实话的确能起到改善datagrid的加载速度的问题，但是缺陷也比较多，网上有该缺陷描述，本人不在此说了。
还有一个提到的方案，就是修改
jquery-easyui-min-1.3.6.js
第9272行
将循环内的代码注释掉
即：
var tr1 = $(trs1[i]);
var tr2 = $(trs2[i]);
tr1.css("height", "");
tr2.css("height", "");
var _530 = Math.max(tr1.height(), tr2.height());
tr1.css("height", _530);
tr2.css("height", _530);
这个方法我已经测试过，无效。
以下为个人观点：
最终发现，datagrid的列有一个属性，[width]，对应的描述是
| 属性名称 | 属性值类型 | 描述 | 默认值 |
|---|---|---|---|
| width | number | 列的宽度。如果没有定义，宽度将自动扩充以适应其内容。 | undefined |
如果列的width属性没有设置数值，那么就会自动计算宽度数值，这可是一个循环遍历的过程，要计算每一个列的宽度，并且还需要在所有数据行中取最大值来作为最终该列宽度数值
问题原因找到了，于是乎在设置datagrid列表的列时，将每列width属性进行数值设定，再次加载数据，以前加载600条数据大概需要140秒，
现在加载600条数据21秒，虽然还是非常慢，但是找到了一个导致datagrid加载速度缓慢的原因。不知道对大家有帮助没。