html表格高度自动调整,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 属性。

你可能感兴趣的:(html表格高度自动调整)