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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM