easyUI datagrid中fitColumns、nowarp属性不起作用!?
刚开始学习 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',
}
]],
});
今天用 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
您好,我也遇到这种问题,请问,设置在html里是什么意思
<th data-options="field:'WFDZ',width:100,nowrap:true" >地点</th> 我是这样设置的,可是没有作用
easyUI设置控件属性不是有两种方式,一种是直接写在html里的,另一种是写在JS中的!
设置在html内是啥意思?能否具体一下?
解决了,自己试出来的。
就是这两个属性,但是要设置在html内才生效,不知道是啥原因,API也没提到。