jQuery EasyUI中datagrid多列展示慢优化

最近工作中有个很大的报表,有70多列,用easyUI展示速度特别慢,chrome里需要3~4秒,但IE直接就会崩溃,查了些资料,最主要的原因就是jQUery EasyUI里需要对每列进行宽度设置,非常费时间。简单的优化办法如下:

设置fitColumns属性值为:false

       每列设置固定的宽度,如果需要自适应宽度,每个宽度一样可达到效果。


<table id="dg" data-options="fitColumns:false,fit:true" url="query.json" rownumbers="false" pagination="false">
<thead>
<tr>
<th field="filed" align="center" width="90">领域</th>
<th field="item" align="center" width="90">事项</th>
<th field="serialId"  align="center" sortable="true" width="90">序号</th>

...等列
</tr>
</thead>
</table>

阅读更多
文章标签: easyui datagrid jquery
个人分类: jQueryEasyUI
想对作者说点什么? 我来说一句

jquery easyui datagrid性能优化

2017年11月24日 81KB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭