首页 > 其他 > 详细

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

时间:2020-05-26 11:39:49      阅读:53      评论: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://blog.51cto.com/14816966/2498430

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