【教程】layui数据表格宽度自适应

先上代码

//数据表格实例
  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后，不指定标题一栏的宽度，就可以实现宽度自适应