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