jQuery Datatables, wie angegebene Spalte dynamisch ausblenden

Question

Ich möchte einige Spalten in Datentabelle ausblenden, wenn Seite Größe ändern (reagiert). Ich möchte einige Spalten je nach aktueller Größe anzeigen/ausblenden.

Vielen Dank.

Answer 1

Es ist sehr einfach.

var tbl = $('your_datatable_selector'); 

// Work with column 2 
tbl.DataTable().column(2).visible(false); // or true, if you want to show it 

Answer 2

Verwenden Responsive Erweiterung zum Anzeigen/Verbergen Spalten auf Bildschirmgröße dynamisch berechnet.

Optional können Sie bestimmen, welche Spalten zuerst mit responsivePriority Option ausgeblendet werden, siehe Column priority für weitere Details.

Alternativ können Sie den th Elementen spezielle Klassen zuweisen, um das Spaltenverhalten zu definieren, siehe Class logic für weitere Details.

Sie müssen nur zusätzliche CSS/JS-Dateien hinzufügen und die Option responsive wie unten gezeigt verwenden.

$('#example').DataTable({ 
    responsive: true 
});