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

这货不是陈进坚

于 2024-01-30 15:55:46 发布

阅读量504

点赞数 12

分类专栏： PHP 文章标签： fastadmin 省略

本文链接：https://blog.csdn.net/C_jian/article/details/135935077

版权

PHP 专栏收录该内容

66 篇文章 3 订阅

订阅专栏

效果展示

缩短省略

鼠标移上

代码实现

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

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