So definieren Sie Columndefs nach der Initialisierung von DataTables

Question

Momentan verwende ich DataTables auf jeder Seite und initialisiere sie so individuell.

var table = $('#' + '<%= gvReports.ClientID %>').DataTable({ 
       "responsive": true, 
       "bAutoWidth": true, 
       "oLanguage": { 
        "sSearch": "Search Table: ", 
        "sSearchPlaceholder": "Search records", 
        "sEmptyTable": "No data available to display" 
       }, 
       "columnDefs": [ 
        { 
         "targets": [0], 
         type: 'natural-nohtml' 
        } 
       ], 
       "sScrollY": "55vh", 
       "scrollCollapse": false, 
       "pagingType": "full_numbers", 
       "lengthMenu": [[25, 50, 100, 150, 200], [25, 50, 100, 150, 200]] 
      }); 

Wenn ich das type-Attribut in columnDef ein generisches JQuery Verfahren zu schaffen versuchte, an mehreren Stellen zu verwenden, ist nicht richtig

"columnDefs": [ 
       { 
        "targets": [0], 
         type: 'natural-nohtml' 
       } 
       ], 

Im mit NatualSort Plugin die Daten als die Spalte ‚sortieren Arbeits 0 'enthält alphanumerische Daten.

Gibt es eine Möglichkeit, die columnDefs dynamisch festzulegen? oder um den ColumnDef-Typ für die Spalte (0) festzulegen, nachdem ich die Tabelle initialisiert habe? Etwas wie

table.column("0:visible").Type('natural-nohtml'); 

Jede Hilfe wird geschätzt? Ich möchte wissen, ob ich richtig denke?

Answer 1

Es gibt keine Möglichkeit, dass Sie columnDefsmanipulieren können, nachdem die DataTable initialisiert wird. Wenn Sie jedoch im Grunde nur natural-nohtml als type für die erste Spalte für eine beliebige dataTable festlegen möchten, können Sie einfach $.fn.dataTable.defaults erweitern. Deklarieren Sie diese, bevor Sie eine Datatable initialisieren:

$.extend(true, $.fn.dataTable.defaults, { 
    columnDefs: [ 
    { targets: [0], type: 'natural-nohtml' } 
    ] 
}); 

Dies wird alle Tables erste Spalte natural-nohtml einzugeben.