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

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

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

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

之前固定寬高的情況

/*-------table----------------*/
       //方法級渲染
       var tableIns = window.demoTable = table
         .render({
          elem : '#idTest',
          id : 'idTest',
          url : '<%=path%>/content/getWdkList',
          width : 1500,
          height : 650,
          cols : [ [ //標題欄
          {checkbox : true,LAY_CHECKED : false,filter : 'test'},
         // {field : 'ID',title : '序號',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 : '標題圖片',width : 300,sort : true,align : 'center',templet: '#img'}, 
          {field : 'SUBJECT',title : '標題',width : 220,sort : true,align : 'center'}, 
          {field : 'RICH_TXT',title : '內(nèi)容',width : 220,sort : true,align : 'center'}, 
          {field : 'CREATE_TIME',title : '創(chuàng)建時間',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 //是否顯示分頁
          ,
          limits : [ 10, 20,50, 100 ],
          limit : 10
         //每頁默認顯示的數(shù)量
         });

頁面顯示如下：