首页 > 其他 > 详细

00011 - layui 表格table列固定宽,且超出屏幕时横向滚动

时间:2020-05-25 23:59:24      阅读:227      评论:0      收藏:0      [点我收藏+]
var tableIns = table.render({
   elem:‘#taskOptLogListTable‘
   ,url: ctx+‘/task/taskOptLog/query‘
   ,error:admin.error
   ,cellMinWidth: 80
   ,toolbar: ‘#taskOptLogListTable-toolbar‘
          ,defaultToolbar: [{
              title: ‘条件过滤‘ //标题
              ,layEvent: ‘searchDiv‘ //事件名,用于 toolbar 事件中使用
              ,icon: ‘layui-icon-search‘ //图标类名
          },
              ‘filter‘, ‘print‘, ‘exports‘]
   ,cols: [[
      {field:‘userId‘, title: ‘操作人ID‘, align: ‘center‘,width:130 }
      ,{field:‘content‘, title: ‘操作内容‘, align: ‘center‘,width:130 }
      ,{field:‘status‘, title: ‘状态‘, align: ‘center‘,width:130,templet:tplStatus}
      ,{field:‘createTime‘, title: ‘创建时间‘, align: ‘center‘,width:160,templet:tplCreateTime}
      ,{title:‘操作‘, toolbar: ‘#taskOptLogListTable-bar‘, width:150}
   ]]
   ,page: true
   ,limit: 10
   ,limits: layui.setter.limits
   ,done: function(res, curr, count){
   }
   ,height: ‘full-110‘
});

其中:width:130 ,固定长
若要自适应,则为 minWidth:130

00011 - layui 表格table列固定宽,且超出屏幕时横向滚动

原文:https://www.cnblogs.com/jianquan100/p/12961237.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!