layui表格展示内容过长，鼠标悬浮显示全部

最新推荐文章于 2024-07-31 14:35:30 发布

xiaodanda

最新推荐文章于 2024-07-31 14:35:30 发布

阅读量1.3k

点赞数 3

文章标签： layui 前端 javascript

原文链接：https://blog.csdn.net/qq_41654694/article/details/106273768?spm=1001.2014.3001.5501

版权

<script> 
function tdTitle() {
        $('th').each(function (index, element) {
            $(element).attr('title', $(element).text());
        });
        $('td').each(function (index, element) {
            $(element).attr('title', $(element).text());
        });
    };

调用刚刚的function
table.render({
  cols:  [[ //标题栏
    {checkbox: true}
    ,{field: 'id', title: 'ID', width: 80}
    ,{field: 'username', title: '用户名', width: 120}
  ]]
  ,done:function(res){
        tdTitle();
    }
});
</script>