Datatable固定列（右のみ）問題

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 
     }) 

アヤックスが良い働いていると私は左側に固定された列を使用は問題ありませんが、私は右側にそれを使用する場合私はこの問題を抱えています。

ありがとうございました。

Answer 1

オプションからscrollYを設定していない場合、Jquery Datatableのバグだと思うので、値を設定してください。

要素を調べると、scroll-yのオーバーフローが自動であることがわかるためです。あなたが隠されたものとして設定したり、オプションから値を設定しなかったりすると、右側にスペースが表示されます。

scroll-yを一切使用したくない場合、いくつかのCSSコードで手を汚す必要があります。マイナーなマージンを与えることは醜い解決策です。しかし、私はあなたのために他の選択肢を見ることができません。

Jqueryのdatatableプラグインは残念です。

以下に、プラグインのWebサイトのオプションリストの例を示します。

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