18
2019
03

【教程】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后,不指定标题一栏的宽度,就可以实现宽度自适应

打赏
« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。