使用easyui datagrid 遇到的IE7下overflow的bug

最新推荐文章于 2021-03-24 00:39:53 发布
最新推荐文章于 2021-03-24 00:39:53 发布 · 235 阅读 · 0
文章标签：

#Chrome

本文介绍了一个关于在Internet Explorer 7浏览器中解决Datagrid超出其父级div容器并导致滚动条失效的问题。通过在div样式中添加position:relative属性可以有效解决此兼容性难题。

作为container的div,设置了高度和overflow为auto，将easyui datagrid放在这个div里，IE8、chrome均正常，但在IE7中，纵向上，datagrid会越出所在的div，即滚动条失效了，查阅资料得知，需要在原div的样式中添加position:relative来解决IE7下的问题

iteye_888
关注
jquery-easyui-1.4.5-解决了IE6/IE7下无法正常运行的问题
04-06
jquery-easyui-1.4.5，已解决IE6/IE7下无法正常运行、无法正常显示布局的问题。
easyui datagrid中实现上下左右、回车切换单元格
12-14
easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格
easyUI datagrid 行内容超过添加(...)
fulerbakesi
06-07 170
转载注明地址: 之前效果: 之后效果: 需要说明一点的是,这个不是通过JS设置长度完成的,如果是JS那么用户拖动变宽之后,还需要监听变宽之后的情况,那么显的很麻烦 一下就来说明如何完成的: 第一步,用FF看easyUI结构; 那么下面就看看主要的代码:(仅仅几行而已) $('#grid').datagrid({ onLoad...
JqueryEasyUI 解决IE下datagrid无法刷新的问题 分类： ...
weixin_34327223的博客
09-20 223
问题描述： 在使用JqueryEasyUI 时，发现在IE下$('#table').datagrid('reload');无效，数据并没有被刷新，究其原因，是因为刷新时，datagrid请求的url没有变化，IE就从浏览器缓存里取数据了，返回的是302响应码。 解决办法： 在$('#table').datagrid('reload');前修改$('#table')的url，可以增加一...
easyui datagrid 内容无法加载的问题
weixin_30709635的博客
06-27 134
先看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="gb2312"/> <title>增加，删除行</title> <link rel="stylesheet" type="text/css" href="...
解决easyUI 1.2.6 + datagrid在 IE浏览器下无法重新加载、查询
HarryChenj的专栏
11-12 5644
I) easyUI 1.2.6 + datagrid在 IE浏览器目前存在的问题 1：无法重新加载、查询 var row = $('#dg_user_table').datagrid('getSelected'); $('#dg_userPri_table').datagrid(                     {                         method
EasyUI中datagrid在ie下reload失败解决方案
01-19
最近使用EasyUI开发后台系统，测试时发现个奇葩的问题，$(‘dg’).datagrid(‘reload’); 重新加载表格数据时，ie下一点反应都没有。后来发现其实并不是没有反应，而是浏览器使用了缓存。 解决方案 网上网友总结...
easyui datagrid editor回车切换单元格示例，可参考
12-27
easyui datagrid editor回车切换单元格示例，适合熟悉easyui但又不懂如何做的人员，可能参考一下源码JS。
easyui datagrid 表格 打印
01-11
在“easyui打印”这个标签下，我们可以理解这是关于EasyUI框架下，针对Datagrid组件的打印解决方案的讨论和资源集合。 总的来说，要实现EasyUI Datagrid表格的打印，关键在于处理好格式化数据的转换和打印样式的...
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
09-01
在开发Web应用时，使用EasyUI的datagrid组件展示大量数据时，可能会遇到加载效率低下的问题。本文主要探讨如何针对EasyUI datagrid进行性能优化，以解决大数据量加载慢的问题。 首先，我们需要理解问题的根源。当...
datagrid表格内容溢出用"..."处理的css
06-24 646
表格内容溢出： .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber      {          text-overflow: ellipsis;      }
EasyUI dataGrid 初始化时不加载数据
hello_world_1996的博客
03-24 821
最近工作中遇到一个需求是EasyUI dataGrid 初始化时不进行数据加载 解决方式： 将dataGrid 中的url置为’’ 拓展easyui datagrid 避免二次加载
easyui datagrid单元格实现溢出文本显示省略号的效果。
一万个小时
12-26 3568
CSS： css代码： .datagrid-btable .datagrid-cell{padding:6px 4px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} Column: JS代码：formatter: function(value,row,index){ return ''+val
easyui在tab选项卡中页面元素超出范围,不显示滚动条
qq_38686665的博客
01-24 3855
解决方法:在被引入的页面嵌套外一个小于父页面大小的div,并添加滚动条
easyui工作使用中的datagrid和ie兼容问题解决记录（二 ：多个datagrid在ie下，有的数据会显示，有时不显示）
xu2034029667的博客
05-21 2250
$.ajax({ type: "post", dataType: "json", url: "/Service/Customer.ashx?Method=getTopTenCostomer&amp;type=0", async: true,//表示同步执行 ...
解决easyui中datagrid列太多 无数据不显示滚动条的bug
闲来觅箫声
11-26 5301
项目中不知道哪位选择了easyui这个轻量级框架，说实话用起来真的不太方便……尤其是自己用习惯了ext的缘故。 easyui用起来简单，但bug和缺陷也实在是不少。         这次主要说的是datagrid列太多的时候，如果有数据，会出现滚动条，但没有就完蛋了……         测试提了bug，个人表示无法解决，测试mm不答应，正好闲着上网查了下，没有结果…… easyui网上的资料
EasyUI 解决datagrid 不能自动伸展的问题
世间的喧闹都是浮云，书中的宁静才是永恒！！！
03-07 1051
//开始初始化             domresize();             //监听IE窗口的变化             window.onresize = function () {                 setTimeout(domresize, 300);             };             //改变表格宽高           
easyui-datebox
weixin_45791677的博客
10-30 211
easyui-datebox //$('#xxx').datebox('setValue','xxx-xxx-xx'); //设置无效时，报options错误,利用$('#xxx').val('xxx-xxx-xx');
easyui中datebox、combobox、validatebox等动态设置reuqired属性值丢失
“明明很开心”的博客空间
09-18 1450
问题 easyui的时间控件easyui-datebox有required属性可以设置必填或可空，当我们需要动态设置required时，我们会像这样设置： $('#id').datebox({required:true}); 这样设置可以达到必填的效果，但是当的datebox有值时，这个方法会初始化datebox，导致框内值丢失。 查询了官网文档，datebox没有相应方法提供。 解决办法 由于没有直接的api进行设置，我们可以直接设置datebox的option，使用一下api 于是我们这样写： $(
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值