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

蜡笔小新_ 发布于 2014/05/07 18:17
阅读 15K+
收藏 0
刚开始学习 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',
                      }
                ]],

});

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



加载中
0
蜡笔小新_
蜡笔小新_

解决了,自己试出来的。

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

0
y
yhui00
设置在html内是啥意思?能否具体一下?
蜡笔小新_
蜡笔小新_
easyUI设置控件属性不是有两种方式,一种是直接写在html里的,另一种是写在JS中的!
0
j&a
j&a

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

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

返回顶部
顶部