码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-05-26 10:34:11      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:lmin   stat   end   操作   user   标题   idt   width   create   

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列固定宽,且超出屏幕时横向滚动

标签:lmin   stat   end   操作   user   标题   idt   width   create   

原文地址:https://blog.51cto.com/14816966/2498430

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!