Jquery Data Table Pluginを使用してテーブルの列を非表示にする方法はありますか？

Question

私はjQuery Data Table Pluginを使用しています。

私はcolumnDefを使用していくつかの列を非表示にしようとしましたが、まだ表示されています。

columnDefを使用していくつかの列を非表示にするにはどうすればよいですか？あなたのコードに構文エラーがあり

<div id="LabResultDataTableView"> 
<table id="TimelineTableTester" class="table table-striped table-bordered"> 
    <thead class="td-datatable"> 
     @foreach (var data in Model.ColumnNames) 
     { 
     <th style="background-color: inherit !important;">@data</th>} 
     } 
     </thead> 
     <tbody> 
      @for (int i = 0; i < Model.columnValuesRowWise.Count; i++) 
      {         
       <tr> 
        @foreach (var col in Model.columnValuesRowWise[i]) 
        { 
        <td>@col</td> 
        } 
       </tr> 
      } 
     </tbody> 
    </table> 
</div> 

$(document).ready(function() { 
    debugger;  
    ProceduresAndOfficeVisitsDataView = $('#TimelineTableTester').DataTable({ 
     "bProcessing": true, 
     "bDeferRender": true, 
     "scrollX": true, 
     "bSort": false, 
     "stateSave": true, 
     "bAutoWidth": true, 
     "columnDefs": [ 
      { 
       "targets": [0], 
       "visible": false, 
      }, 
      { 
       "targets": [11], 
       "visible": false, 

      }, 
      { 
       "targets": [12], 
       "visible": false, 
      }] 

    }); 

}); 

Answer 1

まあ最初は、"visible": false後に余分な,があります：

は、ここに私のコードです。

第二に、あなたは

"columnDefs": [ 
      { 
       "targets": [0, 11, 12], 
       "visible": false 
      } 
] 

サード事"visible": falseようにそれを指定することができ、個別にすべての列の列の非表示ロジックを指定する必要はありません、その列の非表示のためではなく、万が一のトリックが起こっていない場合あなたは

.dt_col_hide{ 
    display: none; 
} 

としてクラス定義を以下

"columnDefs": [ 
    { 
    "targets": [0, 11, 12], 
    "sClass": "dt_col_hide" 
    } 
] 

のように列を隠すためにカスタムクラスを追加することができます

デモ：https://jsfiddle.net/Prakash_Thete/qef33kox/