DataTable – Türkçe Arama ve Sıralama Ayarları Nasıl Yapılır
Merhaba, Bir önceki yazımda jquery ile datatable nasıl kullanlılır onu inceledik. Şimdi ise türkçe karakterleden dolayı arama ve sıralama da çıkan problemi çözmeye çalışacağız.
aşağıda yazdığım cdn’i ekleyip config ayarlarını yaparsanız tablonuz kısmen de olsa türkçe sıralamayı yapacaktır.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<script src="https://cdn.datatables.net/plug-ins/1.10.21/sorting/turkish-string.js"> </script> <script> $(document).ready(function () { $('#example').DataTable({ "language": { "url": "https://cdn.datatables.net/plugins/1.10.20/i18n/Turkish.json" }, 'columnDefs' : [{ type: 'turkish', targets: '_all' }] }); }); </script> |
Neden kısmen? çünkü yukarıdaki turkish-string js dosyası sayı sıralamasını bozuyor bu yöntemi sadece string içeren tablolarınızda uygulamanızı tavsiye ederim.
Bir başka sorun türkçe tarih sıralamasında, jquery datatable’i default olarak yyyy/mm/dd olarak sıralıyor bizim kültürümüzde ise tarih formatı: dd.mm.yyyy şeklinde aşağıda bıraktığım date-euro.js dosyasını projemize eklersek Avrupa formatı olan dd/mm/yyyy şeklinde sıralama yapacaktır bu dosyayı indirip ufak düzeltmeler yapıldığında ise dd.mm.yyyy olarak kullanabiliriz. Aşağıdaki iki tane link verdim istediğinizi indirip uygulayabilirsiniz.
dd/mm/yyyy için: date-euro.js
dd.mm.yyyy için: date-euro.js
1 2 3 4 |
<script src="https://cdn.datatables.net/plug-ins/1.10.21/sorting/date-euro.js"></script> $('#example').dataTable( { columnDefs: [{ type: 'date-euro', targets:2 }] }); |
targets’ın karşısına sıralamak istediğiniz kolonun sırasını girmelisiniz.
Bu yazının da sonuna geldik lütfen görüş ve yorumlarınızı bırakmayı unutmayın.
