layui里面table实现列内容过长换行

css里面加上:

 /*layui-table 表格内容允许换行*/
    .layui-table-cell{
        height: auto;
        overflow:visible;
        text-overflow:inherit;
        white-space:normal;
    }

在table里面删除掉字段fixed: 'left',删除完后如下

                    {type: 'checkbox'}
                    ,{field: 'id', title: 'ID', width: 80, sort: true}

代码上改动,我是每隔五个就换行,加上"<br>"后,浏览器会自动识别换行

if (count % 5 == 0) {
                    user += "</br>";
}

效果图:


image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容