快捷導(dǎo)航

解決Layui數(shù)據(jù)表格的寬高問(wèn)題

更新時(shí)間：2019年09月28日 16:05:15 作者：黃寶康

今天小編就為大家分享一篇解決Layui數(shù)據(jù)表格的寬高問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

在使用Layui數(shù)據(jù)表格的時(shí)候，如果采用固定數(shù)值的話，在不同瀏覽器里顯示會(huì)有差異，特別是在不同分辨率設(shè)備上。針對(duì)以此，把width設(shè)置直接去掉，貌似解決了我的顯示問(wèn)題。

之前固定寬高的情況

/*-------table----------------*/
       //方法級(jí)渲染
       var tableIns = window.demoTable = table
         .render({
          elem : '#idTest',
          id : 'idTest',
          url : '<%=path%>/content/getWdkList',
          width : 1500,
          height : 650,
          cols : [ [ //標(biāo)題欄
          {checkbox : true,LAY_CHECKED : false,filter : 'test'},
         // {field : 'ID',title : '序號(hào)',width : 220,sort : true,align : 'center'}, 
         // {field : 'CONTENT_TYPE_ID',title : '內(nèi)容類型',width : 220,sort : true,align : 'center',templet:'#typeTpl'}, 
          {field : 'IMG_URL',title : '標(biāo)題圖片',width : 300,sort : true,align : 'center',templet: '#img'}, 
          {field : 'SUBJECT',title : '標(biāo)題',width : 220,sort : true,align : 'center'}, 
          {field : 'RICH_TXT',title : '內(nèi)容',width : 220,sort : true,align : 'center'}, 
          {field : 'CREATE_TIME',title : '創(chuàng)建時(shí)間',width : 120,sort : true,align : 'center'}, 
          {field : 'PUBLISH_STATE',title : '發(fā)布狀態(tài)',width : 120,sort : true,align : 'center',templet:'#publish_state'}, 
          {fixed : 'right',title : '操作',width : 200,align : 'center',toolbar : '#barDemo'}
          ] ],
          page : true //是否顯示分頁(yè)
          ,
          limits : [ 10, 20,50, 100 ],
          limit : 10
         //每頁(yè)默認(rèn)顯示的數(shù)量
         });

頁(yè)面顯示如下：