先上代码
//数据表格实例 table.render({ elem: '#table1' ,height: 800 ,cellMinWidth: 80 //全局定义常规单元格的最小宽度,layui 2.2.1 新增 ,url: 'ajaxgls_list.php' //数据接口 ,page: true //开启分页 ,cols: [[ //表头 {checkbox: true, fixed: true} ,{field: 'InfoID', title: 'InfoID', hide:'true'} ,{field: 'PicUrl', title: '缩略图', width:130, fixed: 'left'} ,{field: 'CatName', title: '栏目类型', width:90} ,{field: 'Title', title: '标题'} ,{field: 'Author', title: '作者', width:100} ,{field: 'UpdateTime', title: '发布时间', width: 180} ,{ title: '操作', width:180, align:'center', toolbar: '#toolbar1', fixed: 'right'} ]] });
其中,设置cellMinWidth: 80后,不指定标题一栏的宽度,就可以实现宽度自适应