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

最新推荐文章于 2024-07-15 16:57:08 发布

xiaodanda

最新推荐文章于 2024-07-15 16:57:08 发布

阅读量1.3k

点赞数 3

文章标签： layui 前端 javascript

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

版权

本文介绍如何使用JavaScript函数tdTitle()修改表格标题栏和单元格的title属性，实现动态元信息显示。通过table.render()展示了如何在完成后应用此功能，重点关注前端开发中的表格交互细节。

摘要由CSDN通过智能技术生成

<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>