datatables filter manual

udah lama ga pegang per jquery an :) kali ini filtering aka pencarian untuk datatables. misal kita akan mencari kolom nama dan kolom mobile.

pertama deklarasi datatable nya

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

set id untuk input pencariannya, misal untuk name sy beri id name <input type="text" id="name">. sesuaikan column dengan urutan table. klo misal mau pencarian bank name, isi column dengan 3.

$( '#name' ).on( 'keyup change', function () {

table
.column( 0 )
.search( this.value )
.draw();
} );
$( '#mobile' ).on( 'keyup change', function () {
table
.column( 1 )
.search( this.value )
.draw();
} );

script lengkap

<script>
$(document).ready(function() {

var table = $('#data').DataTable();
$( '#name' ).on( 'keyup change', function () {
table
.column( 0 )
.search( this.value )
.draw();
} );
$( '#id' ).on( 'keyup change', function () {
table
.column( 1 )
.search( this.value )
.draw();
} );
} );
</script>

contoh dr web pengembang:
https://datatables.net/examples/api/multi_filter.html
https://datatables.net/examples/api/multi_filter_select.html
https://datatables.net/examples/plug-ins/range_filtering.html
https://datatables.net/examples/api/regex.html