layuiAdmin table显示不全问题截取及显示

white1114579650

于 2019-09-04 17:08:45 发布

阅读量1.2k

点赞数

分类专栏： java

本文链接：https://blog.youkuaiyun.com/white1114579650/article/details/100542924

版权

java 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种在layui表格中优化显示长名称字段的方法，通过限制显示长度并使用title属性来展示完整信息，提升了用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面修改显示为：
{title: '名称', field: 'ajname', align: 'center', valign: 'middle', sortable: true, sortable: true,templet:function(d){
    if(d.ajname.length > 10){
        return d.ajname.substring(0,10)+"..."
    }else {
        return d.ajname;
    }
}},

在cols后面调用方法如下

,done:function (res) {
    $('th').each(function(index,element){
        $(element).attr('title',$(element).text());
    });
    $('td').each(function(index,element){
        $(element).attr('title',$(element)[0].dataset.content);
    });
}

即可完成layui表格显示及截取