jQuery EasyUI中datagrid多列展示慢优化

原创 2015年12月31日 16:33:40

最近工作中有个很大的报表,有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 大数据加载效率慢,优化解决方法

在使用easyui datagrid途中发现加载数据的效率真的不是一般的差。经测试IE8加载300条数据就感觉明显的慢了,加载2000条数据就另人崩溃用时差不多60秒,就算在google浏览器测试结果...
  • jumtre
  • jumtre
  • 2015年05月19日 12:01
  • 9565

加快easyui的datagrid的数据渲染

加快easyui的datagrid的数据渲染: 有人重写了数据渲染的js 只需要在easyui的js引入后再引入此js即可 下载地址:...
  • Senssic
  • Senssic
  • 2015年07月07日 18:25
  • 1439

使用easyui在ie浏览器下,treegrid,datagrid加载数据很慢,ie浏览器卡住原因

最近在做项目时,在统计报表时,使用easyui的treegrid进行统计,但在使用了存储过程后,加载到页面的数据还是很慢,在ie浏览器下,在数据不多的情况下,ie直接卡住,到2-3分钟才出现数据。刚开...
  • civilized
  • civilized
  • 2013年12月16日 20:20
  • 13826

easyui datagrid 加载慢的问题

easyui datagrid 加载慢的问题
  • ranshouxu
  • ranshouxu
  • 2017年06月06日 13:27
  • 420

再次谈谈easyui datagrid 的数据加载

http://www.easyui.info/archives/204.html 文章目录 [隐藏] 1url方式加载数据 1.1调用方式 1.2相关...
  • h_025
  • h_025
  • 2018年01月12日 11:31
  • 40

jQuery EasyUI Datagrid性能优化专题

jQuery  EasyUI的Datagrid组件功能算是很强大了,不过性能确实不怎么乐观,而对于性能问题,网络上几乎也找不到相关的优化资料,所谓的牛人们可能都望而却步了。本博客以后会带着分析Data...
  • vsddvsd
  • vsddvsd
  • 2017年02月10日 16:08
  • 625

jQuery EasyUI 1.4.4 优化性能版

  • 2015年12月11日 10:54
  • 368KB
  • 下载

一次痛苦的EasyUI使用和优化历程

最近公司决定对原先的程序进行UI改造。我有幸参与。下面我将分享我这次进行的全过程。先声明一点,由于涉及公司的机密,所以我不会上传代码,只会讲述过程,如有不明白的请留言。 1.原先我们的系统的数据展示...
  • quanwuhui
  • quanwuhui
  • 2013年12月16日 14:07
  • 6992

页面优化指南(easyui页面优化方案

http://www.easyui.info/archives/1435.html http://www.360doc.com/content/14/0209/08/9200790_35089958...
  • zhangdaiscott
  • zhangdaiscott
  • 2014年03月09日 12:32
  • 4503

EasyUI入门8 EasyUI在IE浏览器中渲染速度非常慢的解决办法

网上有两种做法
  • xiangcns
  • xiangcns
  • 2017年10月31日 09:01
  • 310
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery EasyUI中datagrid多列展示慢优化
举报原因:
原因补充:

(最多只允许输入30个字)