數據表 - scrollX造成擠壓頭

所以我用數據表與scrollX參數設置爲true，但它造成的THEAD列崩潰。數據表 - scrollX造成擠壓頭

注意：datatable作爲反應項目的一部分出現在Bootstrap模式中。

我怎樣才能解決這個問題？

當我點擊的一列，使其刷新，其自我修復。另外，如果我刪除scrollX它也不會崩潰。

初始化代碼：

$('#item-search').DataTable({ 
      ajax: { 
      "data": { 
       type: "map_items", 
       map_id: this.map_id 
      }, 
      "dataSrc": (r) => { 
       console.log(r); 
       return r.data; 
      }, 
      type: "POST", 
      url: "src/php/search.php" 
      }, 
      autoWidth : false, 
      columns: [ 
      { 
       "data": "brand" 
      }, 
      { 
       "data": "name" 
      }, 
      { 
       "data": "quantity" 
      }, 
      { 
       "data": "measurement" 
      }, 
      { 
       "data": "type" 
      }, 
      ], 
      dom: 'rtlip', 
      language: { 
      "info": "Showing page _PAGE_ of _PAGES_", 
      "infoFiltered": "" 
      }, 
      lengthMenu: [ 1, 2, 3 ], 
      pageLength: 1, 
      processing: true, 
      responsive: true, 
      scrollX: true, 
      select: { 
      style: "multi" 
      }, 
      serverSide: true 
     });

來源

2017-07-17 A. Lau

你是否檢查了數據表支持論壇？那個問題可能已經在那裏回答了。 – Difster

@Difster被谷歌上搜索我的問題的幾種變化。大多數答案都使用舊版本。 –

在數據表初始化包括下列屬性。

autoWidth : true

隨着添加本

"fnInitComplete": function(oSettings) { 
         $(window).resize(); 
        } 

"fnDrawCallback": function(oSettings) { 
     $(window).trigger('resize'); 
    }

來源

2017-07-17 04:57:34 sunil

它沒有工作:( –

可以共享初始化代碼？ – sunil

添加的代碼。 –

數據表應與下面的代碼初始化實現水平滾動：

"sScrollX": "100%", 
"sScrollXInner": "110%", 
"bScrollCollapse": true, 
"fixedColumns": { 
    "leftColumns": 1 
}

來源

2017-12-13 18:52:41

數據表 - scrollX造成擠壓頭

回答

相關問題