`

Easyui Datagrid IE8下数据加载很慢,IE会被卡住的直接原因

 
阅读更多

设置datagrid的每一列的width属性,不用让他自适应,取消所有自适应的选项,会很大程度上提高easyui的显示效率,我试过在IE上显示500条数据,效率是能接受的。在firefox上显示2000条都是能接受的,但是IE上超过500条就无法忍受了,所以建议你在IE上一次不要超过300条数据。
如果非要自适应的话,那就按比例来适应,先获取window的宽度winWidth,在winWidth*0.1来设置每一列的宽度,不管怎么样,宽度一定要指定

 

简单一句话就是去掉fitColumns: true或是置为false(默认就是false),并指定每列的width,显示效率会大大提高

 

PS:真恶心

 

转载地址:http://www.oschina.net/question/226551_104076

分享到:
评论
4 楼 Gr_ay 2015-07-25  
                     
3 楼 黑夜星空哈 2014-09-17  
2 楼 hitomishinya 2014-09-12  
也解决了我的问题
1 楼 wei_cao 2013-12-31  
感谢!解决了我的问题

相关推荐

    JS EasyUI DataGrid动态加载数据

    JS EasyUI DataGrid是一款基于jQuery和EasyUI框架的数据表格组件,它提供了丰富的功能,如数据分页、排序、过滤和自定义操作等。在实际应用中,动态加载数据是DataGrid的一个重要特性,允许用户在需要时加载更多的...

    easyui datagrid中实现上下左右、回车切换单元格

    easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格

    easyui datagrid 数据导出到Excel

    在IT行业中,EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的表格功能,如排序、分页、过滤等。在实际工作中,我们经常需要将这些展示的数据导出到Excel文件,以便进行进一步的分析或存储。下面...

    easyui datagrid 表格 打印

    在IT领域,EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的表格功能,如数据分页、排序、筛选等。当我们需要将Datagrid中的数据进行打印时,可能会遇到一些挑战,因为通常默认的浏览器打印功能...

    解决EasyUIdataGrid列比较多,无数据,列展现不全

    出现这一问题的主要原因在于EasyUI的dataGrid组件在渲染时会根据数据的实际情况来决定是否显示每一列。当数据为空时,由于没有实际数据填充到表格中,导致部分列无法正常显示,尤其是在列数较多的情况下更为明显。 ...

    easyui datagrid在编辑状态下更新列的值

    在标题“easyui datagrid在编辑状态下更新列的值”中,我们关注的是如何在Datagrid的编辑模式下动态地修改列的值,以及确保在编辑结束后,保存的数据反映这些变更。以下将详细介绍这一过程。 首先,EasyUI的...

    EasyUI DataGrid过滤用法实例

    在这个"EasyUI DataGrid 过滤用法实例"中,我们将深入探讨如何利用 EasyUI 的 DataGrid 组件实现数据过滤功能,帮助用户更高效地查找和管理表格中的信息。 首先,`datagrid-filter.js` 文件很可能包含了实现过滤...

    easyui datagrid 大数据加载效率慢,优化解决方法(推荐)

    在开发Web应用时,使用EasyUI的datagrid组件展示大量数据时,可能会遇到加载效率低下的问题。本文主要探讨如何针对EasyUI datagrid进行性能优化,以解决大数据量加载慢的问题。 首先,我们需要理解问题的根源。当...

    easyui datagrid 右冻结

    1. **理解EasyUI datagrid**:首先,你需要熟悉EasyUI datagrid的基本用法,包括其初始化、数据加载、列配置等。 2. **分析源码**:查看easyui的源代码,找到处理表格滚动的部分,理解其工作原理。 3. **创建固定...

    easyui datagrid实现实现上下左右和回车切换单元格

    DataGrid 不仅可以展示静态数据,还可以动态加载服务器返回的数据。通过使用 DataGrid,开发者能够轻松地为 Web 应用添加复杂的表格显示功能。 ### 二、实现上下左右和回车键切换单元格的需求分析 在实际的应用...

    扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件完整版Demo下载

    jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!

    easyui的datagrid的数据渲染

    easyui的datagrid的数据渲染

    easyui datagrid 增加鼠标悬停弹窗事件

    EasyUI的Datagrid是一个强大的表格组件,它可以显示大量数据并支持排序、分页、过滤和编辑等功能。在Web应用中,Datagrid常用于展示结构化的数据,使用户能够高效地浏览和操作信息。 2. **鼠标悬停事件**: 在...

    easyui datagrid 分页查询样例

    EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的功能,如表格布局、数据分页、排序、过滤等,常用于Web应用的数据展示。在本项目中,"easyui datagrid 分页查询样例"是利用EasyUI Datagrid与...

    jquery easyui datagrid demo

    Datagrid 是 jQuery EasyUI 中一个强大的数据展示组件,常用于表格数据的展示和操作,支持分页、排序、过滤、编辑等功能。通过阅读这份文档,我们可以了解 Datagrid 的基本配置和高级特性,以及如何与后端数据源进行...

    easyui datagrid editor回车切换单元格示例,可参考

    easyui datagrid editor回车切换单元格示例,适合熟悉easyui但又不懂如何做的人员,可能参考一下源码JS。

    easyui datagrid 导出到excel

    - 构建CSV字符串:将获取到的数据转化为CSV(逗号分隔值)格式,因为CSV可以直接被Excel识别。每一行数据用换行符分隔,每列数据用逗号分隔。 - 创建Blob对象:使用`new Blob()`构造函数创建一个Blob对象,将CSV...

    easyUI datagrid rownumber自适应宽度扩展JS

    easyUI datagrid 自动调整行号大小

    easyui datagrid 拖拽到 tree

    在IT领域,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如datagrid、tree、dialog等,用于快速构建用户界面。本文将详细讲解如何使用EasyUI实现从datagrid组件拖放到tree组件的功能,以及涉及的相关...

Global site tag (gtag.js) - Google Analytics