So suchen Sie einzelne Spalte (Texteingaben, Drop-down-Auswahl) in einer Tabelle mit Datatable jquery?

Question

Image12 [3

Ich möchte (input type) in (wählen Sie Drop-down) ersetzen, also was soll ich tun?

muss ich

Referenz Schwarzes Quadrat in Ausgliederungs in Datentabellen ändern: - Click Here

Answer 1

Hallo Ich habe versucht, einen Blick, eine Lösung für dieses Problem, um herauszufinden,

var table = $('#example').DataTable(); 

// Apply the search in normal text input way 
table.columns().every(function() { 
    var that = this; 

    $('input', this.footer()).on('keyup change', function() { 
     if (that.search() !== this.value) { 
      that 
       .search(this.value) 
       .draw(); 
     } 
    }); 
}); 

Filter unter Verwendung des Auswahleingangs für Spalte Nr. 2, der die Spalte Ihrer Wahl ersetzen soll

table.column(2).every(function() { 

    var column = this; 
    var select = $('<select><option value=""></option></select>') 
     .appendTo($(column.footer()).empty()) 
     .on('change', function() { 
     var val = $.fn.dataTable.util.escapeRegex(
      $(this).val() 
     ); 

     column 
      .search(val ? '^' + val + '$' : '', true, false) 
      .draw(); 
     }); 

    column.data().unique().sort().each(function(d, j) { 
     select.append('<option value="' + d + '">' + d + '</option>') 
    }); 

}); 

Auch eine Geige erstellt lassen Sie mich wissen, wenn Ihre Anforderung erfüllt. https://jsfiddle.net/daddzt6n/2/