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

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 属性。

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值