DataTableレスポンスで特定の列を表示する

Question

responsiveと一緒にDataTablesを使用しており、特定の列のみを表示しようとしているときに問題が発生しています。

テーブルレイアウトは次のようである：

私は（これらは、各行の最後に拡張コントロールによって表示されるべきである）のみ'Column 1', 'Column3', 'Column 7', 'Column 8', 'Column 10'に表示し、他を非表示にする必要があります。

JS：

$('table').DataTable({ 
     order: [ [ 0, "asc" ] ], 
     responsive: { 
      details: { 
       type: 'column', 
       target: 'tr' 
      } 
     }, 
     columnDefs: [ { 
      className: 'control', 
      orderable: false, 
      targets: -1 
     } ] 
    }); 

これはJSFiddleです。助言がありますか！

Answer 1

、あなただけの次のように、テーブルのthにClass Controlsを追加する必要があります。

<table class="table table-hover table-striped"> 
    <thead> 
    <tr> 
     <th class="all">Column 1</th> 
     <th class="none">Column 2</th> 
     <th class="all">Column 3</th> 
     <th class="none">Column 4</th> 
     <th class="none">Column 5</th> 
     <th class="none">Column 6</th> 
     <th class="all">Column 7</th> 
     <th class="all">Column 8</th> 
     <th class="none">Column 9</th> 
     <th class="all">Column 10</th> 
     <th class="none">Column 11</th> 
     <th class="all"></th> 
    </tr> 
    </thead> 

クラス "すべて"：常に表示欄画面の大きさにかかわらず。

クラス "none"：列として表示せず、子行に表示します。

Hereは、そのデモです。

希望します。

Answer 2

それはあなたがこの必要のようになります。

https://datatables.net/reference/option/columns.responsivePriority

を「列の優先順位は、列のヘッダーセルのデータの優先度の属性（例えばファーストネーム）によって定義することができます。」応答データテーブル内の特定の列を表示するには

ミック