easyui去掉datagrid的滚动条

最新推荐文章于 2024-09-15 16:35:16 发布
最新推荐文章于 2024-09-15 16:35:16 发布
阅读量2w 收藏 7
点赞数 4
文章标签： easyui datagrid 滚动条
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25816185/article/details/57903841
版权
这篇博客记录了在使用EasyUI时如何去掉DataGrid的滚动条。通过修改jQuery.easyui.min.js文件中特定代码或者调整CSS样式，可以实现无滚动条且不占用额外宽度的效果。
摘要由CSDN通过智能技术生成

工作过程中需要去掉滚动条这个功能，由于是特别小的知识点，所以在此记录，以防忘记。害羞


带滚动条时，如果数据超过规定大小则出现滚动条，否则不出现 但滚动条所占的宽度依然存在，两种状态截图如下：


去掉滚动条的方法：打开jquery.easyui.min.js文件，找到wrap.width();所在位置，改为wrap.width()+20;即可，或者通过修改css来完成，找到：

class="panel datagrid easyui-fluid"

最低0.47元/天 解锁文章
程序老炮
关注
去除jQuery中DataGrid的滚动条
HackWhisper的博客
10-03 218
在编程中，使用jQuery的DataGrid插件可以方便地展示和管理数据。然而，默认情况下，DataGrid会显示一个滚动条，以便在数据超出可见区域时进行滚动查看。为了去除DataGrid的滚动条，我们需要通过CSS样式来修改它的外观。接下来，我们需要初始化DataGrid并应用上述的CSS样式。通过以上步骤，你已经成功去除了jQuery中DataGrid的滚动条。现在，你可以根据自己的需求进行进一步的定制和样式修改。如果需要进一步配置DataGrid，你可以在初始化代码中添加适当的选项。
EasyUI - DataGrid 去右边空白滚动条列
laokaizzz的专栏
03-07 5688
转自:http://www.cnblogs.com/wangyt223/p/4206739.html 加上20后，数据过多滚动条不显示，所以scrollbarSize 得改为 0。不过滚动条相当于在最后一列里面的，在最后一列的宽度中。没办法调整的更好了，先这样吧。 熟悉 EasyUI - DataGrid 的童鞋应该会注意到这样一个情景： 想去掉这块，找了下资料，发现也有人同样纠
（轉）EasyUI - DataGrid 去右边空白滚动条列
agnsm00804的专栏
01-06 216
熟悉EasyUI - DataGrid 的童鞋应该会注意到这样一个情景： 想去掉这块，找了下资料，发现也有人同样纠结：http://www.cnblogs.com/hantianwei/p/3440666.html 修改了jquery.easyui.min.js，在datagrid的地方宽度+20，就刚刚好了； 在jquery-easyui-1.4里，大约是在77...
easyui扩展行默认展开 以及 去除滚动条
weixin_30532759的博客
09-14 313
问题背景： 在做打印页面的时候，要求有详细的默认展开显示。 遇到的问题： 1）在用扩展行的时候，grid的所有行都添加了展开收起的图标，（第二行没有明细）如下 2）默认展示有详细行的时候，内容被滚动条遮挡（影响打印） 3）解决方法：在easyui扩展行的onLoadSuccess函数里进行处理 1 $list.data...
掌握jQuery EasyUI：前端开发框架
最新发布
weixin_33431149的博客
09-15 2381
本文还有配套的精品资源，点击获取 简介：jQuery EasyUI 是一个基于 jQuery 的前端框架，通过简单的 HTML 标签和 JavaScript API，实现了复杂的用户界面功能。该框架包括一系列组件，如布局、窗口、表格、表单等，旨在简化网页开发并提供丰富的交互组件。该压缩包包含了官方的 API 中文版，详细阐述了组件的使用方法和示例代码，以及属性、方法和事件的...
EasyUI - DataGrid 去右边空白滚动条列 分类： JavaSc...
weixin_34104341的博客
09-03 116
熟悉 EasyUI - DataGrid 的童鞋应该会注意到这样一个情景： 想去掉这块，找了下资料，发现也有人同样纠结：http://www.cnblogs.com/hantianwei/p/3440666.html 修改了jquery.easyui.min.js，在datagrid的地方宽度+20，就刚刚好了； 在jquery-easyui-1.4里，大约是在7787行：v...
Easyui datagrid datagrid-view1纵向滚动条去除解决方法
amino77的专栏
04-25 8751
最近在使用easyui datagrid的过程中
easyUI 滚动条隐藏
m0_49476491的博客
02-25 1182
easyUI隐藏滚动条当一个table列表中显示出多个滚动条时，该如何隐藏滚动条呢？1.先看图，看是不是小编这种格式，如果是，可以参照解决方式是，通过 ：style="height:520px;overflow-y:hidden;"解决的效果图！！！ 当一个table列表中显示出多个滚动条时，该如何隐藏滚动条呢？ 1.先看图，看是不是小编这种格式，如果是，可以参照 解决方式是，通过 ：style=“height:520px;overflow-y:hidden;” 解决的效果图！！！ ...
easyui-panel 滚动条禁用
weixin_30517001的博客
10-21 345
div id="p" class="easyui-panel" title="title" style="padding:10px;background:#fafafa;overflow: hidden" fit="true" data-options="iconCls:'icon-save'"> ...
easyui-datagrid去除最右空白滚动条边框
qq_33720460的博客
09-05 1088
最右边多出来的是空白滚动条只要scrollbarSize :0 就可以了
Easyui 去除jquery-easui tab页div自带滚动条的方法
11-29
在本文中，我们将深入探讨如何在使用EasyUI框架，特别是jQuery-EasyUI 1.5.3版本时，去除Tab组件中的div元素自带的滚动条。这个问题通常出现在当我们需要在一个Tab页内嵌入一个iframe页面时，由于内容过多，导致Tab...
使用EasyUI的datagrid实现报表统计，添加总计行,选中数据行的求和计算等
tuomazhao的博客
04-17 6729
效果图如下： jsp前台页面： <table id="datagridTable" class="easyui-datagrid" fitColumns="false" border="true" showFooter="true"> <thead> <tr> <th data-options="fi...
easyui datagrid无横向滚动条
qq_24687915的博客
11-09 1102
两个设置一模一样的datagrid，一个可以出现横向滚动条，一个不可以。 $(function(){ $('#dg_id').datagrid({ title:'test_1', // iconCls:'icon-edit', width:800, method:'get', height:250, ...
easyui datagrid 没数据时显示滚动条的解决方法
xiayingping的专栏
09-24 1万+
今天解决了一个bug，因为datagrid有多列，可是当没有数据的时候，后面的列无法通过滚动条拉动来显示，比较麻烦，而需求要求没有数据也要拉动滚动条查看后面有什么列，一开始在网上找了一些资料，发现都不可以，有一个实现生成空的table，也就是数据行，然后将其隐藏。 后来查看了一下，easyui datagrid中显示数据的区域是一个div，没有数据的时候没有滚动条，当时想找一些当div中
easyui中datagrid动态显示和隐藏某一列
qq_41309961的博客
03-29 2580
easyui中datagrid动态显示和隐藏某一列
【解决方法】EasyUI DataGrid无数据时不显示滚动条问题
热门推荐
Bottle's Blog
07-14 6万+
【解决方法】EasyUI DataGrid无数据时不显示滚动条问题
easyui datagrid单元格点击进入编辑时，行会自动向上错位
高彩琼的博客
04-19 471
排查了一天百度AI说是滚动定位问题，最后发现是自己设置的列有问题，表格总共五列，全部设置成了固定列导致的，把固定列改为普通列即可 ，我们配置用 is_frozen 为1是固定列，改成0就好了。现象描述，点击第20行可编辑的单元格进入编辑状态时，滚动条自动滚动到第19行了。导致第20行被分页遮挡，看不到无法编辑。
easyui datagrid 表头固定（垂直滚动条）、列固定（水平滚动条），每页显示1000行
wangchaohpu的博客
04-01 1434
转自：https://www.cnblogs.com/yucaoye/p/7132969.html
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值