灰儿 发表于 2022-7-6 23:07:22

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]
查看完整版本: fastadmin 表格中实现最大列宽,超出隐藏并显示省略号