Datentabellen umschalten Spalte Sichtbarkeit Verzögerung/Effekte

Question

Das Tutorial auf der Datatables website ist klar:

Nachdem ich Datentabellen sagen, welche Spalte ich rede, ich habe nur den Knebel in:

column.visible(! column.visible()); 

oder ich konnte, in einem voll auf Art und Weise, schreiben:

if (column.visible() === true) { 
    column.visible(false); 
    } else { 
    column.visible(true); 
    } 

gibt es eine Möglichkeit, eine Art „Timing“, um dies zu setzen, vielleicht so, dass die Säule langsam verblasst, anstatt nur zu verschwinden/r Auftauchen?

Ich konnte keine Dokumentation zu diesem finden.

Answer 1

Ich würde definitiv nicht empfehlen eine Spalte zu verblassen. Es ist ziemlich hässlich und dauert ewig. Das Kollaps am Ende wird noch passieren.

Wie auch immer, ich habe dies außerhalb von datatables mit einfachen jQuery getan. Im Grunde behalten Sie Ihren HTML-Code gleich, aber Sie verwenden reguläre jQuery, um Dinge anstelle von Databases auszuführen. Hier ein Beispiel:

$('a.toggle-vis').on('click', function (e) { 
    var column = $(this).attr("data-column") - 1; 

    $('.yourDataTable td:nth-child('+column+'), .yourDataTable th:nth-child('+column+')' ).fadeOut(); 

    return false; 
} 

Obwohl ich empfehle gegen :nth-child verwenden. Wenn Sie Ihre Datentabelle durch eine Schleife generieren, würde ich einfach eine class="column_#" zu jeder Spalte hinzufügen und jQuery verwenden, um stattdessen zu greifen. (# Ist die Nummer der Spalte)

Edit: Hinzufügen des SetTimeout Beispiel

if (column.visible() === true) { 
    setTimeout(function(){ 
     column.visible(false); 
    }, 500); //delays the function with 0.5 seconds 
    } else { 
    column.visible(true); 
    }