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

功能描述：
fastadmin 表格中实现最大列宽，超出隐藏并显示省略号，鼠标悬停显示全部文字内容。
代码：

1. {
   
2. field: 'content',
   
3. title: __('Content'),
   
4. operate: 'LIKE',
   
5. // 鼠标悬停显示全部内容
   
6. formatter: function(value, row, index, field) {
   
7. return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;' title='" +
   
8. value + "'>" + value + "</span>";
   
9. },
   
10. // 固定列最大宽度，超出隐藏
    
11. cellStyle: function(value, row, index, field) {
    
12. return {
    
13. css: {
    
14. "white-space": "nowrap",
    
15. "text-overflow": "ellipsis",
    
16. "overflow": "hidden",
    
17. "max-width": "300px"
    
18. }
    
19. };
    
20. }
    
21. },

复制代码

页面效果：