検索方法Datatable jqueryを使用して同じテーブル内の個々の列（テキスト入力、ドロップダウンを選択）

Question

Image12 [3

私は（選択ドロップダウン）に（入力タイプ）交換したいので、私は何をすべきでしょうか？

は、私は、データテーブル内のドロップダウンに黒の正方形を変更する必要が

参考： - 私は見てみましょうこの問題の解決策をうまくしようとしたClick Here

Answer 1

こんにちは、

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(); 
     } 
    }); 
}); 

選択した列の代わりに使用する列2の選択入力を使用するフィルタ

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>') 
    }); 

}); 

また、お客様の要件に一致するかどうかを私に教えてください。 https://jsfiddle.net/daddzt6n/2/