EasyUI Datagrid IE浏览器中滚动条不起作用

最新推荐文章于 2024-03-22 23:13:26 发布
最新推荐文章于 2024-03-22 23:13:26 发布
阅读量3.3k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 学到老
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Xcrow/article/details/46773125
文章详细介绍了如何解决在IE11浏览器中使用EasyUI的Datagrid时滚动条无法正常工作的技术难题，通过将<frozen>true</frozen>改为<thead>，成功解决了垂直滚动条问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用EasyUI的Datagrid，发现在Chrome中垂直滚动条可以正常滚动，但是在IE11中，滚动条无法滚动。

解决办法：

<thead data-options=”frozen:true”> 改为 <thead>

 

一切正常了

jquery easyui滚动条部分设置介绍
12-10
在使用dialog插件时，默认是屏幕居中的，但是当页面出现滚动条时，dialog并没有随着滚动条往下滚动，这时就需要用户滑动滚动条来定位dialog，这不人性化，在说出解决方案前先来普及一下jquery关于定位的几个方法 代码如下: //获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档高度 $(document.body).height(); //获取页面的文档宽度 $(document.body).width(); //获取滚动条到顶部的垂直高度 $(document).scrollTo
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
08-29
在使用EasyUI开发Web应用时，常常会遇到datagrid表格中操作栏的按钮图标不显示的问题。这通常是由于jQuery EasyUI的自动渲染机制未能正确处理动态加载或Ajax加载的内容导致的。EasyUI Datagrid是一个功能丰富的表格...
jquery easyui datagrid 无滚动条，datagrid 没垂直滚动条
蕃薯耀的博客
02-06 1734
tagrid中数据量大时，body页面又设置高度超出隐藏时（如：overflow-y:hidden）时，这时datagrid加载满整个页面时也无滚动条。   二、解决方案：   给datagrid绑定onLoadSuccess事件，当加载成功后调用datagrid的resize方法，具体使用如下： $("#datagridId").datagrid({ …… ……, onLoadSuccess: function(data){ $
easyui frozen column的垂直滚动条不出现的问题及原因
weu135的专栏
04-20 3963
最近在做eaysui的时候，datagrid滚动条忽然不出现了，然后使用firebug调试了半天了，发现是frozen column导致了，easyui的垂直滚动条是设置在column中，所以当只设置了frozen column时不会出现垂直滚动条。easyui datagrid 垂直滚动条不出现
ie6 easyui tab组件下 滚动 datagrid不会滚动bug
Spring_Monkey
12-19 2812
IE6 这个Bug 产生的条件: 1.position:relative 2.被overflow:auto/scroll属性的块级元素包含 因此从这两个方面进行解决！ 1.设置easyui datagrid 的源码 样式 将 postion 改成 默认的！ 但是 子。。。。。 2.。。 时间来不及 最后解决方案 tab组件 中 用iframe 来嵌套 datagrid
关于easyui dataGrid横向垂直滚动条消失的解决办法
qq_27036043的博客
01-29 4787
一开始整个datagrid没有充满屏幕的时候，滚动条是正常的。一旦充满屏幕就会消失。 原因找了好久终于找到了。 里面的单元格的宽度和整体table的宽度，还有包含这个table 的div的宽高度有关。 也就是说你必须重新调整一下整个table的宽度，和table里单元格的宽度，还有包好tabl的div的宽度。还有就是可以先加上fitColumns:true再调下宽度试一下。 如下图所示 ...
EasyUI中datagrid在ie下reload失败解决方案
01-19
1.在url后加时间戳，使第一次加载和reload中访问的url不一致，使系统无法使用IE缓存。通过测试发现，EasyUI请求时后面已经自带一串随机数_145232xxx,但是ie还是会使用缓存。后来我在请求的js中为url加上rand=xxx...
easyui datagrid中update后 getChanges获取不到
05-22
一个update扩展方法 文档中一种是比较笨的方法 一次只能修改一个列而且受列编辑类型影响（比如number datetime）扩展一次编辑多列，不受编辑类型影响，没有编辑属性也可以。
easyui datagrid中实现上下左右、回车切换单元格
12-14
easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
09-01
例如，加载10000条记录，在IE8下只需不到1秒，而加载3000条记录只需1到2秒。这表明，对于大数据量的处理，避免不必要的计算和DOM操作是至关重要的。 此外，除了这个特定的优化，还有其他一些通用的优化策略可以应用...
easyui accordion 滚动条在IE下“丢失”的处理
上善若水
04-02 788
【解决方案】 方法一： 设置 DOCTYPE 为 http://www.w3.org/TR/html4/loose.dtd"> 方法二： 将 accordion 的 animate 属性设为 false
关于easyUI的滚动条不显示问题细节研究
qq_42689281的博客
03-17 2700
近期赶项目修bug时，发现一个关于easyUI的滚动条不显示的问题，拿出来晒晒 在做后台的一个列表时，已经完成了，只是没有展示滚动条，也没有分页，但在后期测试时由于鼠标滚轮坏了，有没有滚动条往下拖动，造成只能看到一部分的数据导致的bug（鼠标的滚轮的坏了也能造成bug，想想都是泪，那一瞬间仿佛看到了宇宙毁灭） 上图 jsp代码如下 &lt;thead data-options="frozen:t...
记录一次scrollTo和scrollBy不生效的原因
苏一恒
03-22 1242
至于是哪个滚动, 打开开发者工具, 在 more tools 里找到 layers, 图层里找到滚动列表里最长的元素,scrollTo 要设置到滚动的元素上, 不一定是父元素, 也不一定是 window 啥的.发现所有文章都没说到点子上, 简单记录下.然后,找到这个元素,对他设置滚动即可.
easyui 下边有滚动条问题
weixin_30530523的博客
03-12 305
<div class="easyui-panel layoutpanel"> <div id="containerID"> <div class="easyui-panel" title="Shop" style="padding:5px;"> </div> </div> </div> 需要在easyui-p...
easyui 自定义扩展方法 单元格编辑 判断是否可编辑 滚动到某列单元格
xinnian468153的博客
03-01 1076
最近项目需要用到的一些方法，有单元格编辑 判断是否可编辑 滚动到某列单元格，有需要的朋友可以拿去参考使用： //行编辑 $.extend($.fn.datagrid.methods, {     //编辑单元格     editCell: function (jq, param) {         return jq.each(function () {           
【EasyUI tree 选中节点并定位节点】
LiuTengYan的博客
07-13 694
EasyUI tree 选中节点并定位节点
【解决方法】easyui datagrid翻页后垂直滚动条恢复顶部位置
Rbin的博客
09-23 1162
问题：在使用easyui-datagrid组件时，当列表数据的滚动条滚动到下方时，再点击翻页会发现翻页后的滚动条还是在当前位置，不便于用户使用。 原因：在查阅了各种资料后，发现官方并不支持设置滚动条的位置。 解决方法： 我们发现在选中某行数据时滚动条也会移动到相应位置，可以利用此想法，在easyui-datagrid 的onLoadSuccess 函数中，选中第一行的数据，再取消选择第一行，这样即可实现滚动条恢复顶部位置，如下： onLoadSuccess: function(dat...
android View中scrollTo以及 scrollBy方法学习
写博客只为学习
04-11 262
首先 ，我们必须明白在Android View视图是没有边界的，Canvas是没有边界的，只不过我们通过绘制特定的View时对Canvas对象进行了一定的操作，例如 :translate(平移)、clipRect(剪切)等，以便达到我们的对该Canvas对象绘制的要求，我们可以将这种无边界的视图称为“视图坐标”-----它不受物理屏幕限制。通常我们所理解的一个Layout布局文件只是该视图的显示区
scrollTo 加载页面时，滚动到页面的摸个位置
weixin_30559481的博客
01-27 176
window.scrollTo(x,y) window.scrollTo(0,0) 转载于:https://www.cnblogs.com/shimily/articles/5164143.html
easyui datagrid 添加滚动条
最新发布
03-14
### 如何在 EasyUI DataGrid 中正确添加垂直和水平滚动条 为了实现在 EasyUI DataGrid 中正确添加垂直和水平滚动条的功能，可以通过调整 `datagrid` 的属性以及绑定事件来完成。以下是具体实现方式： #### 垂直滚动条的设置 当数据量较大时，EasyUI DataGrid 默认会自动显示垂直滚动条。然而，如果需要手动控制其行为或者确保表头固定，可以使用以下配置项[^1]： - 设置 `rownumbers: true` 和 `fitColumns: false` 来启用行号并禁用列宽自适应。 - 使用 `pagination: true` 启用分页功能，从而减少单次加载的数据量。 代码示例如下： ```javascript $("#datagridId").datagrid({ rownumbers: true, fitColumns: false, pagination: true, pageSize: 1000, // 每页显示1000行 pageList: [1000], // 只允许选择每页1000行 }); ``` #### 水平滚动条的设置 对于水平滚动条的支持，则需注意以下几个方面[^2]: - 如果表格中的某些列宽度超出容器范围，水平滚动条将会自然显现。 - 需要确保 `singleSelect: true` 或其他选项不会干扰布局计算。 - 动态调整窗口大小时，可通过监听窗口变化事件重新设定 DataGrid 宽高。 动态调整逻辑可参考如下代码片段： ```javascript $(window).resize(function() { $("#datagridId").datagrid("resize", { height: $(window).height(), width: $(window).width() }); }); ``` #### 组合应用与优化体验 有时用户希望即使翻页后仍保持当前视图状态不变，比如保留滚动条的位置。此时可以在 `onLoadSuccess` 方法里加入额外处理逻辑[^3]^: ```javascript onLoadSuccess: function(data) { var grid = this; setTimeout(function(){ $(grid).datagrid('scrollTo', 0); }, 0); // 进一步操作以防止页面跳动 $(this).datagrid("selectRow", 0); $(this).datagrid("unselectRow", 0); } ``` 上述方法能够有效解决因刷新引起的滚动丢失问题，并提升用户体验的一致性和流畅度。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值