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

00010 - layui 表格table 高度自适应充满页面

时间:2020-05-26 10:35:19      阅读:94      评论:0      收藏:0      [点我收藏+]

标签:end   query   创建   print   search   arc   内容   ports   exp   

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:‘userName‘, title: ‘操作人‘, align: ‘center‘,width:130 } ,{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‘ });

主要属性为:
,height: ‘full-110‘ 其中110 为距离底部的距离,110px.
若要固定高度: ,height: ‘500‘ ,即去掉full- 前缀。
若要不限高度,即随表格数据的多少 为准, 去掉 height 属性。

00010 - layui 表格table 高度自适应充满页面

标签:end   query   创建   print   search   arc   内容   ports   exp   

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

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