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
  • 8128

jQuery EasyUI Datagrid性能优化专题

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

jQuery EasyUI Datagrid性能优化专题

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

jQuery EasyUI Datagrid性能优化专题

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

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

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

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

http://www.easyui.info/archives/1435.html http://www.360doc.com/content/14/0209/08/9200790_35089958...

Easyui 页面访问慢解决方案,GZIP网站压缩加速优化

Easyui 页面访问慢解决方案,GZIP是网站压缩加速的一种技术,对于开启后可以加快我们网站的打开速度,原理是经过服务器压缩,客户端浏览器快速解压的原理,可以大大减少了网站的流量。...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

EasyUI DataGrid 相同连续列合并

$.extend($.fn.datagrid.methods, { autoMergeCells: function(jq, fields) { return jq.each(...

解决jquery easyui-datagrid列过多且无数据时列显示不全的bug

今天用easyui的datagrid做一个列很多的表格时,功能完成提交后被测试组发现在初始未加载数据的情况下表格的最后几列居然看不到,震惊之余上网发现原来是datagrid控件的bug,上网搜索解决办...
  • jarniyy
  • jarniyy
  • 2016年09月08日 09:19
  • 4054
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery EasyUI中datagrid多列展示慢优化
举报原因:
原因补充:

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