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 속성을 제거합니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
layui의 select 연동공식 커뮤니티에서 찾은 방법은 다음과 같다. 이런 코드 편집기를 뱉어라, 조판은 똥과 같다!...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.