PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通

QQ:420220301 微信/手机:150-3210-7690
当前位置:首页 > CMS教程 > Fastadmin

Bootstrap table 字段超出长度以后显示省略号

管理员 2024-12-14
Fastadmin
7

1:隐藏字段文字,显示省略号
{field: 'email', title: __('Email'), operate: 'LIKE',formatter : function(value, row, index, field){

                        return ""+value+"";                    },                    cellStyle : function(value, row, index, field){                        return {                            css: {"min-width": "150px",                                "white-space": "nowrap",                                "text-overflow": "ellipsis",                                "overflow": "hidden",                                "max-width":"300px"                            }                        };                    }},                                      

亲测有效 可根据需求调节宽度
2: 隐藏字段文字,显示省略号,鼠标放上去显示全部内容
{field: 'email', title: __('Email'), operate: 'LIKE',cellStyle:formatTableUnit, formatter :paramsMatter},

     function paramsMatter(value,row,index, field) {                var span=document.createElement('span');                span.setAttribute('title',value);                span.innerHTML = value;                return span.outerHTML;            }

//td宽度以及内容超过宽度隐藏

            function formatTableUnit(value, row, index) {                return {                    css: {                        "white-space": "nowrap",                        "text-overflow": "ellipsis",                        "overflow": "hidden",                        "max-width":"300px"                    }            }        }        

可根据自己项目需求来选择样式,转自https://blog.csdn.net/qq_38893293/article/details/89188283


希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。

相关推荐

扫码关注

qrcode

QQ交谈

回顶部