EasyUI DataGrid 窗口大小自适应怎么解决

ddjiang1115 2015-01-05 05:54:22

只要在DataGrid外面加上一个div或者form标签，DataGrid的高度就变得很小，无法展开，请问如何解决？

...全文

34406 17 打赏收藏转发到动态举报

写回复

17 条回复

切换为时间正序

请发表友善的回复…

发表回复

晚风轻轻吹 2018-11-30

打赏
举报

回复

给table标签添加上toolBar属性="#外面的form或者div的id"

dengjiecsdn 2018-06-20

打赏
举报

回复

在datagrid函数里面写入 fit=true，但是又会出现如果toolbar写在html上的话，会压低表格高度。导致分页栏被挤下去显示不了。反正坑多，自己慢慢摸索吧

example.datagrid({
loadMsg: '数据加载中请稍后……',
fit: true, //datagrid自适应宽高
striped: true,//斑马纹

纵观全局 2016-11-30

打赏
举报

回复

坑死了！！！！！

dhy11007007 2015-11-05

打赏
举报

回复

请问你说的fit是在哪里改啊 css还是datagrid的属性？属性里没有这个啊

qq_22222529 2015-08-15

打赏
举报

回复

11楼解决问题

大笨钟没没 2015-04-19

打赏
举报

回复

11楼正解！

ddjiang1115 2015-01-06

打赏
举报

回复

终于找到原因了，应该把fit改成false

qq_19920727 2015-01-06

打赏
举报

回复

是不是你给每隔单元格设置宽度了宽度大于总控件的宽啦

qq_19920727 2015-01-06

打赏
举报

回复

引用 7 楼 ddjiang1115 的回复:

[quote=引用 5 楼 qq_19920727 的回复:]

已经设置过了，不管用[/quote] 设置成true =。= 我都试过有用的哟

无爱大叔 2015-01-06

打赏
举报

回复

<body class="easyui-layout"> <div data-options="region:'center'"> 这里放datagrid </div> </body>

ddjiang1115 2015-01-06

打赏
举报

回复

引用 5 楼 qq_19920727 的回复:

已经设置过了，不管用

qq_19920727 2015-01-06

打赏
举报

回复

愚蠢的人类哟为何不下个文档为何

qq_19920727 2015-01-06

打赏
举报

回复

ddjiang1115 2015-01-06

打赏
举报

回复

引用 3 楼 u013254698 的回复:

fit="true"

早就设置过了，不管用

信仰诠释过往 2015-01-05

打赏
举报

回复

fit="true"

ddjiang1115 2015-01-05

打赏
举报

回复

引用 1 楼 zmcici 的回复:

设置你的DIV 或 FORM style="width:100%;height:100%;"

不管用

骑猪看海 2015-01-05

打赏
举报

回复

设置你的DIV 或 FORM style="width:100%;height:100%;"

在使用Easyui GridView时，如果要Gridview的宽度和窗口的宽度相同，只需要设置fitColumns: true即可这样实现以后，如果窗口的大小调整后，gridview的宽度是不会改变的，这时就需要我们自己来我完成了。为window添加一个resize事件，在事件回调方法中让gridview改变宽度即可：代码如下: //在调整了窗口大小以后，设置easyui gridview也调整宽度 $(window).resize(function () { $(‘#gvManage’).datagrid(‘resize’); });

一步步实现 easyui datagrid表格宽度自适应，效果非常好：一、设置公共方法，使得datagrid的属性 fitColumns:true $(function(){　　//初始加载，表格宽度自适应 $(document).ready(function(){ fitCoulms(); });　　//浏览器窗口大小变化后，表格宽度自适应 ...

easyUI 的datagrid页面自适应

最近因为datagrid的宽度问题，结果被提BUG了，郁闷····· 产生问题的背景：其实就是在页面显示的某一列的字数比较长或者特别长的时候，页面无法一次性显示完毕所有的字，所以特地看了一下自适应宽度，有3个就显示3个字宽度，有7个就显示7个字的宽度···比较灵活！废话不多说，直接码代码：//easyui的datagrid宽度自适应扩展方法 $.fn.extend({

看有人说用： $("#lineForDataGrid").find(".panel").find(".datagrid-wrap").css("height", vCenterHeight + "px");这方式根本不管用，后来发现直接用datagrid 属性height就行，下面是窗口改变时调整datagrid高度： //窗口改变事件 $(window).resize(functio...

62,046

社区成员

669,049

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章