fastadmin 表格中实现最大列宽,超出隐藏并显示省略号
描述:FastAdmin“文明随手拍”插件,后台“事件上报”菜单,“问题描述”列,设置列最大宽度,超出的文字内容隐藏并显示省略号。实现原理:
在需要设置列宽的列上面加入 cellStyle 代码,用width或max-width都可以但后面的宽度值切记不能用百分比,个人推测可能跟左右自动滚动有关。
实现代码一:
{field: 'content', title: __('Content'), operate: 'LIKE', width:200,
// 固定列最大宽度,超出隐藏
cellStyle : function(value, row, index, field){
return {
css: {
"white-space": "nowrap",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width":"300px"
}
};
}
},实现代码二:{field: 'content', title: __('Content'), operate: 'LIKE',
// 固定列最大宽度,超出隐藏
cellStyle : {css:{"white-space": "nowrap","text-overflow": "ellipsis","overflow": "hidden","max-width":"300px"}}
},
页面效果:
页:
[1]