layui数据表格宽度自适应

最新推荐文章于 2024-07-31 15:58:39 发布

前端路上迷茫的小鲨鱼

最新推荐文章于 2024-07-31 15:58:39 发布

阅读量2w

点赞数 7

分类专栏： layui

本文链接：https://blog.csdn.net/Guoyu1_/article/details/100112865

版权

layui 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<table class="layui-hide" id="test"></table>

 

<script>
    layui.use('table', function(){
        var table = layui.table;

        table.render({
            elem: '#test'
            ,url:'json/1.json'
            ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            ,cols: [[
                {field:'id', width:'20%', title: 'ID', sort: true}
                ,{field:'username', width:'20%', title: '用户名'}
                ,{field:'sex', width:'20%', title: '性别', sort: true}
                ,{field:'city', width:'10%', title: '城市'}
                ,{field:'sign', title: '签名', width: '30%', minWidth: 100} //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
            ]]
        });
    });
</script>