1、限制最小宽度
因为生成的是td,它是行内样式(非block元素),即使写width,内容超过宽度,一样超出,看情况用
{
field: 'files',
title: __('Files'),
operate: false,
width: '120',//限制最小宽度,不是固定宽度
events: Table.api.events.image,
formatter: Table.api.formatter.images
},
2、限定字符长度
因为生成的是td,它是行内样式(非block元素),即使写width,内容超过宽度,一样超出,看情况用
{
field: 'files',
title: __('Files'),
operate: false,
formatter: function(value){return value.toString().substr(0, 10)} //只显示10字符
events: Table.api.events.image,
formatter: Table.api.formatter.images
},
3、CSS样式控制(颜色宽度大小省略等,体验佳)
如果table属性行内样式,width无效,需要添加‘display’:block 属性
{field: 'outlink', title: __('Outlink'), operate: 'LIKE',
cellStyle : function(value, row, index, field){
return {
css: {
"white-space": "nowrap",//单行省略必备
"text-overflow": "ellipsis",//单行省略必备
"overflow": "hidden",//单行省略必备
"color": "#3172a6",
"width":"200px"
}
};
}
},
效果如下: