灰儿 发表于 2022-7-6 21:59:00

fastadmin 表格中实现最大列宽,鼠标悬停显示全部文字内容

功能描述:
fastadmin 表格中实现最大列宽,超出隐藏并显示省略号,鼠标悬停显示全部文字内容。
代码:{
field: 'content',
title: __('Content'),
operate: 'LIKE',
// 鼠标悬停显示全部内容
formatter: function(value, row, index, field) {
return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;' title='" +
value + "'>" + value + "</span>";
},
// 固定列最大宽度,超出隐藏
cellStyle: function(value, row, index, field) {
return {
css: {
"white-space": "nowrap",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "300px"
}
};
}
},页面效果:


页: [1]
查看完整版本: fastadmin 表格中实现最大列宽,鼠标悬停显示全部文字内容