easyUI datagrid中fitColumns、nowarp属性不起作用!?

发布于 2021-11-23 06:01:40 字数 6293 浏览 880 评论 4

刚开始学习 Easyui 不就,还是菜鸟一枚
今天用 datagrid 时候我在属性中设置了fitColumns :true,nowarp : false,两个属性。
我在外面用的是一个dialog,里面放的datagrid
但是没有起到作用啊,几个列的宽不会自动的适应外围宽度,数据长度很长的时候也不会换行。。。
是怎么的原因呢,很是诧异!
外围dialog代码:
$("#dialog").dialog({
                title : '指标详细信息展示窗口',
                width : 850,
                height : 450,
                iconCls:'icon-save',
                closable : false,
                modal : true, 
                draggable : false
        });

里面的datagrid代码设置:
var targetsInfo=$("#myTable").datagrid({
                url : 'GetTargetsInfos',
                pagination : true,
                pageList : [ 10, 20, 30, 40 ],
                pageSize:10,
                fit:true,
                border : false,
                fitColumns :true,
                nowarp : false,
                idField : 'ff_stattarget_code',
                sortName : 'ff_stattarget_code',
                sortOrder : 'asc',
                striped:true,
                columns:[[
                      {
                              checkbox:true
                      },{
                              title:'指标编码',
                              field:'ff_stattarget_code',
                             width:70,
                              sortable:true,
                              align:'center',
                      },{
                              title:'指标名称',
                              field:'ff_stattarget_name',
                             width:100,
                              sortable:true,
                              align:'center',
                      },{
                              title:'指标显示名称',
                              field:'ff_stattarget_excelname',
                              width:120,
                              sortable:true,
                              align:'center',
                      },{
                              title:'指标公式',
                              field:'ff_stattarget_formula',
                              width:200,
                              sortable:true,
                              align:'center',
                      }
                ]],

});

最后出来的效果图:(下面也有滚动,也没有换行显示,都遮挡到了数据了)



如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

好听的两个字的网名 2021-11-27 17:33:03

您好,我也遇到这种问题,请问,设置在html里是什么意思

<th data-options="field:'WFDZ',width:100,nowrap:true" >地点</th> 我是这样设置的,可是没有作用

梦中楼上月下 2021-11-27 17:14:51

easyUI设置控件属性不是有两种方式,一种是直接写在html里的,另一种是写在JS中的!

空城仅有旧梦在 2021-11-27 16:18:45

设置在html内是啥意思?能否具体一下?

筱果果 2021-11-26 10:11:35

解决了,自己试出来的。

就是这两个属性,但是要设置在html内才生效,不知道是啥原因,API也没提到。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文