00010 - layui 표table 높이 자동 적응 가득 찬 페이지

1384 단어 layui
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 속성을 제거합니다.

좋은 웹페이지 즐겨찾기