Datatable Fixed Column（Right Only）問題

Question

我正在使用JQuery Datatable，當我使用固定列時遇到問題。 It has been showing two times my fixed column

我使用服務器端的處理，這就是我的代碼：

dataTable = table.dataTable({ 
      fixedColumns: { 
       leftColumns: 0, 
       rightColumns: 1 
      }, 
      scrollX:true, 
      scrollCollapse: true, 
      "fnDrawCallback":function(oSettings) { 
       $('div.choosePage select').val(dataTable.DataTable().page()); 
      }, 
      "pagingType":"bootstrap_full_number", 
      "processing": true, 
      "serverSide": true, 
      "ajax": { 
      "data":GETDATA, 
      "dataSrc":SETAJAXDATA 
      }, 
      "fnInitComplete":completeProcess, 
      "colReorder": true, 
      "order": [ 
      [0, 'asc'] 
      ], 
      "dom": "<'row' <'col-md-12'>><'row'<'col-md-6 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-4 col-sm-12'i><'col-md-5 col-sm-12 toolbar'p><'col-md-push-1 col-md-3 col-sm-12 toolbar choosePage'>>", // horizobtal scrollable datatable 
     }) 

Ajax的工作好，有當我用在左邊固定列沒有問題，但是當我用它在右側我遇到了這個問題。

謝謝。

Answer 1

我相信這是Jquery Datatable中的一個bug，如果你沒有從選項中設置scrollY，請確保你設置了一些值。

因爲當你檢查元素，你可以看到scroll-y overflow是auto。如果您將其設置爲隱藏或者未從選項中設置值，那麼您就可以看到右側的空間。

因爲您根本不想使用scroll-y，那麼您需要通過給出一些較小的保證金來解決一些醜陋的解決方案，從而讓您的手變髒一些css代碼。但我看不到任何其他選擇。

這是Jquery數據表插件的恥辱。

下面顯示了來自插件網站的示例選項列表。

$(document).ready(function() { 
    var table = $('#example').DataTable({ 
     scrollY:  "300px", 
     scrollX:  true, 
     scrollCollapse: true, 
     paging:   false, 
     fixedColumns: { 
      leftColumns: 0, 
      rightColumns: 1 
     } 
    }); 
});