Member-only story

iEntegre
3 min readJun 27, 2022

--

Datatables Özel Filtreleme

Datatables Özel Filtreleme — Server Side Ajax

Datatables Özel Filtreleme — Server Side Ajax
Kullanılan Kütüphaneler
* Bootstrap v3.3.6
* DataTables 1.10.11
* jQuery v2.2.4
* Select2 4.0.5
* Date Range Picker 3.1

Bu Örnek; Datatables üzerinde Özel Filtrelemenin nasıl yapıldığı anlatılmaktadır. Bu Örnek üzerinden istediğiniz gibi geliştirebilir veya değişim yapabilirsiniz.

Filtreleme 3 ayrı method içermektedir

  • Klasik Arama ile
  • Kategori ismine Göre Filtreleme
  • Tarih aralığına göre Filtreleme
// Default Datatables JS Codes
tableName =
$('#dynamic-table').DataTable( {
"ordering": false,
"processing": true,
"serverSide": true,
"stateSave": true,
"ajax":{
url :"ajax_query.php",
type: "post",
error: function(){}
},
"lengthMenu": [ 10, 25, 50, 75, 100,1000 ],
'columnDefs': [{
'targets': 0,
'searchable': false,
'orderable': false,
'className': 'center',
'render': function (data, type, full, meta){
return '<label class="pos-rel"><input type="checkbox" name="id[]" value="'+data+'" class="ace" /><span class="lbl"></span></label>';
}
}

],
'order': [[1, 'asc']],
select: true,
select: {
style: 'multi',
selector: 'td:first-child',
info: false
}…

--

--

iEntegre
iEntegre

Written by iEntegre

We teach those who want to learn

No responses yet