fastadmin 表格中实现最大列宽，超出隐藏并显示省略号

描述：FastAdmin“文明随手拍”插件，后台“事件上报”菜单，“问题描述”列，设置列最大宽度，超出的文字内容隐藏并显示省略号。
实现原理：
在需要设置列宽的列上面加入 cellStyle 代码，用width或max-width都可以  但后面的宽度值切记不能用百分比，个人推测可能跟左右自动滚动有关。

实现代码一：

1. {field: 'content', title: __('Content'), operate: 'LIKE', width:200,
   
2.     // 固定列最大宽度，超出隐藏
   
3.     cellStyle : function(value, row, index, field){
   
4.         return {
   
5.             css: {
   
6.                 "white-space": "nowrap",
   
7.                 "text-overflow": "ellipsis",
   
8.                 "overflow": "hidden",
   
9.                 "max-width":"300px"
   
10.             }
    
11.         };
    
12.     }
    
13. },

复制代码

实现代码二：

1. {field: 'content', title: __('Content'), operate: 'LIKE',
   
2. // 固定列最大宽度，超出隐藏
   
3. cellStyle : {css:{"white-space": "nowrap","text-overflow": "ellipsis","overflow": "hidden","max-width":"300px"}}
   
4. },
   

复制代码

页面效果：