fastadmin列表字段过长缩短显示省略号并且鼠标移上显示效果

效果展示

缩短省略

鼠标移上

代码实现

在对应模块的index.js中将原来的字段显示代码增加自定义formatter属性即可

{field: 'receiver_address', title: __('收件人地址'), operate: "LIKE",formatter : function(value, row, index, field){
                                if(value){
                                    return "" + value + "";
                                }else{
                                    return '';
                                }
                            },
                            cellStyle : function(value, row, index, field){
                                return {
                                    css: {
                                        "white-space": "nowrap",
                                        "text-overflow": "ellipsis",
                                        "overflow": "hidden",
                                        "max-width":"150px"
                                    }
                                };
                            }
                        },