easyui datagrid 没数据时显示滚动条

最新推荐文章于 2021-11-30 16:41:19 发布
最新推荐文章于 2021-11-30 16:41:19 发布
阅读量1.1k 收藏
点赞数 2
分类专栏： JavaScript 文章标签： easyui datagrid

在datagrid的onLoadSuccess方法里如此写才不会出错。


onLoadSuccess: function () {

                $(this).prev(".datagrid-view2").children(".datagrid-body").append("<div style='width:" + $(this).prev(".datagrid-view2").find(".datagrid-header-row").width() + "px;border:solid 0px;height:1px;'></div>");

            }


参考了http://blog.youkuaiyun.com/alphapi/article/details/11993255#html

easyui datagrid 显示横行滚动条
cnqwer1234的专栏
08-07 8049
var datagrid = $('#datagridw').datagrid({ pageSize : 15, pageNumber : 1, fit:true, pagination : true, singleSelect:true, collapsible: true, rownumbers : true, loadMsg : '正在加载...', url : '....
easyui datagrid 表头固定（垂直滚动条）、列固定（水平滚动条），每页显示1000行...
weixin_34248258的博客
07-07 1301
最近用多了easyui 之后还是觉得它的功能还是很强大的。它原有的功能就已经能够满足90%以上的界面需求。 1、当数据行很多时，会呈现垂直的滚动条，但是向下滚动，表头却被淹没了，这不符合人类偷懒的特点（我怎么可能记得住每列的数据代表的意思！），所以需要固定表头。 datagrid.datagrid({ fit: true }); 对，没错，就是这个属性，就这么简单...
easyui datagrid 没数据时显示滚动条的解决方法
xiayingping的专栏
09-24 1万+
今天解决了一个bug，因为datagrid有多列，可是当没有数据的时候，后面的列无法通过滚动条拉动来显示，比较麻烦，而需求要求没有数据也要拉动滚动条查看后面有什么列，一开始在网上找了一些资料，发现都不可以，有一个实现生成空的table，也就是数据行，然后将其隐藏。 后来查看了一下，easyui datagrid中显示数据的区域是一个div，没有数据的时候没有滚动条，当时想找一些当div中
怎么给easyui中的datagrid加水平滚动条
热门推荐
u011450110的专栏
04-19 3万+
加了fitColumns属性，datagrid会显示在固定的宽度内。这时，各列设定的宽度是失效的，不会出现滚动条。 不加则datagrid会根据各列设定的宽度显示，并且当内容溢出时显示滚动条。
jquery easyui datagrid水平滚动条
LUOCHENLONG的专栏
11-30 753
$("#List").datagrid({ width:400 .......... onLoadSuccess:function(data){ $("#List").datagrid("resize",{ width:400 }); } }); ...
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
09-01
在开发Web应用时，使用EasyUI的datagrid组件展示大量数据时，可能会遇到加载效率低下的问题。本文主要探讨如何针对EasyUI datagrid进行性能优化，以解决大数据量加载慢的问题。 首先，我们需要理解问题的根源。当...
easyui datagrid 右冻结
04-18
4. **处理滚动事件**：监听datagrid的滚动事件，根据滚动条的位置更新固定列的CSS属性，确保它们始终可见。 5. **兼容RTL布局**：如果需要，使用`easyui-rtl.css`和`easyui-rtl.js`提供的样式和函数，确保在RTL环境...
解决EasyUIdataGrid列比较多，无数据，列展现不全
01-07
通过对EasyUI dataGrid组件的深入理解和实践操作，我们可以有效地解决在列较多且无数据时列显示不全的问题。这种方法不仅提高了表格的可用性，还增强了用户体验。当然，实际应用中还需要根据具体情况进行调整优化。
easyui datagrid中实现上下左右、回车切换单元格
12-14
easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格
easyui datagrid 分页查询样例
08-24
6. **优化性能**：对于大数据量的分页，可以考虑使用懒加载（即只在滚动时加载更多数据），以减少初始加载时间和网络流量。 通过这个样例，开发者可以学习到如何结合EasyUI Datagrid和SpringMVC实现后台分页查询，...
easy ui datagrid 设置横向滚动条（解决列过多导致溢出问题）
拼命小李博客
10-19 2980
1.通过jquery设置 $(".datagrid-body").css("overflow-x","scroll");
easyui datagrid 表头固定（垂直滚动条）、列固定（水平滚动条）
banshurenliyaping的博客
11-30 3368
最近用多了easyui 之后还是觉得它的功能还是很强大的。它原有的功能就已经能够满足90%以上的界面需求。 1、当数据行很多时，会呈现垂直的滚动条，但是向下滚动，表头却被淹没了，这不符合人类偷懒的特点（我怎么可能记得住每列的数据代表的意思！），所以需要固定表头。 datagrid.datagrid({ fit: true }); 对，没错，就是这个属性，就这么简单！我也是看了网上的各位大神之后才懂。我看了多遍easyui的api（当然是中文的）没有！！下次看看英文...
easyui datagrid 表头固定（垂直滚动条）、列固定（水平滚动条），每页显示1000行
wangchaohpu的博客
04-01 1484
转自：https://www.cnblogs.com/yucaoye/p/7132969.html
在easyui中实现datagrid滚动条联动
Mr_Alex
07-22 7438
//竖向滚动条联动 var contents = $('#importform div.datagrid-body'); contents.scroll(function () { contents.not(this).prop({ scrollLeft: this.scrollLeft, scrollTop: this.scrollTop }); });
easyUI 滚动条
YHC
07-14 6974
@author YHC 现在做一个项目用到easyUI,但是easyUI有一个小小的bug就是,列超过了不出现滚动条: 转载注明地址:thanks! 废话不多说直接上代码: @author YHC //easyUI默认出现滚动条 function defaultHaveScroll(gridid){ var opts=$('#'+gridid).datagrid('option
easyui去掉datagrid的滚动条
我是IT小菜鸟的博客
02-27 2万+
工作过程中需要去掉滚动条这个功能，由于是特别小的知识点，所以在此记录，以防忘记。 带滚动条时，如果数据超过规定大小则出现滚动条，否则不出现 但滚动条所占的宽度依然存在，两种状态截图如下： 去掉滚动条的方法：打开jquery.easyui.min.js文件，找到wrap.width();所在位置，改为wrap.width()+20;即可。修改后截图：
easyUI datagrid 如何做出左右滚动条
干嘛的的博客
01-26 1723
一：设置 fitColumns : false 二：columns 中，设置所有 fixed : true，但是留其中一个设置 width : 100（根据实际需求）
jquery easyui datagrid 无滚动条，datagrid 没垂直滚动条
蕃薯耀的博客
02-06 1721
tagrid中数据量大时，body页面又设置高度超出隐藏时（如：overflow-y:hidden）时，这时datagrid加载满整个页面时也无滚动条。   二、解决方案：   给datagrid绑定onLoadSuccess事件，当加载成功后调用datagrid的resize方法，具体使用如下： $("#datagridId").datagrid({ …… ……, onLoadSuccess: function(data){ $
easyui-datagrid显示水平滚动条
最新发布
01-15
### 解决 EasyUI DataGrid 显示水平滚动条的问题 为了确保 EasyUI DataGrid 正确显示水平滚动条，可以采取多种方式调整设置。以下是几种有效的方法： #### 方法一：修改 `scrollbarSize` 属性 通过将默认的滚动条尺寸从 18 修改为 0 可以消除不必要的空白区域[^1]。 ```javascript $('#datagrid').datagrid({ scrollbarSize: 0, }); ``` 这种方法适用于希望完全移除滚动条的情况，但在某些情况下可能会导致内容溢出问题。 #### 方法二：动态调整表格宽度 针对特定场景下的布局错位问题，在 JavaScript 中增加条件判断来微调表格的实际渲染宽度。 ```javascript if (_58e.width > _58d.width() + 20) { _590 += 18; } ``` 此代码片段用于修正由于浏览器自动计算错误而产生的额外空间，确保即使存在滚动条也不会影响整体视觉效果。 #### 方法三：强制启用水平滚动条 如果目标是在任何条件下都保持可见的水平滚动条，则可以在页面加载完成后执行 CSS 样式注入操作[^4]。 ```javascript $(document).ready(function(){ $(".datagrid-body").css("overflow-x", "scroll"); }); ``` 这种方式简单直接，但可能会影响用户体验，特别是在不需要滚动的情况下也显示出滚动条。 #### 方法四：优化列宽定义 合理规划各字段所占比例也是避免出现异常滚动的关键之一。对于较长的文字型数据建议给予足够的展示空间，并适当减少其他固定长度项的比例[^3]。 ```json columns : [[{ field : 'MDESC', title : '描述', align : 'center', width : 200 // 根据实际需求设定合适的宽度值 }]] ``` 以上四种策略可以根据具体应用场景灵活组合应用，从而达到最佳呈现效果的同时兼顾功能性与美观度的要求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值