主要有三步:
1.nowrap : true;
$('#tg').treegrid({
nowrap : true,//设置为true,当数据长度超出列宽时将会自动截取
});
2.formatter:
<th data-options="field:'×××',width:70,align:'center',formatter:textover">×××</th>
3.自定义方法
function textover(val,row){
if (val){
return '<span title="' + val + '">' + val + '</span>';
} else {
return val;
}
}
以上就是解决的方法啦,有一点问题就是,超出部分如果能显示省略号就好了,目前尝试过,text-overflow: ellipsis; 没有效果,后续再进行调试吧。
最后这样解决了,实际上省略号那部分已经生效了,但是由于宽度问题,被挡住了,加了padding-right
在css
中处理:
.datagrid-btable .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-right: 40px; }