Fix

$('#tabel').DataTable({

"lengthMenu": [ [20, 50, 100, -1], [20, 50, 100, "Semua"] ],

"ordering" : false,

initComplete: function () {

this.api().columns().every( function () {

var column = this;

var select = $('<select class="filter_select"><option value="">Tanpa Filter</option></select>')

.appendTo( $(column.header()).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>' )

} );

} );

}

} );

$('.filter_select').select2();