Merhaba arkadaşlar bugün sizlere DataTables isimli bir jQuery eklentisinden bahsedeceğim.

DataTables’in ne olduğunu açıklamak gerekirse oluşturduğumuz tablolar üzerinde AJAX kullanmadan veri arama, sayfalama gibi işlemleri yapmamızı sağlıyor daha basit bir şekilde anlatmak gerekirse normalde AJAX, DOM ve SQL ile yapabileceğimiz işleri bunların hiç biri hakkında bilgi ve ya uğraş gerektirmeden bize sunan bir eklenti olduğunu söyleyebiliriz.

DataTables ile Neler Yapabiliriz ?

DataTables ile yapabileceğiniz en temel şeylerden bahsetmek gerekirse

  • Sayfalama
  • Anlık Arama
  • Sütunlar üzerinden sıralama (Tekil ve ya çoğul)
  • Mobil Cihazlara Uyumlu
  • Kolayca Tema Yapılabilinir (Bootstrap 3/4, Semantic UI, Foundation ve DataTables Theme Creator)

bunun haricinde kendisi içinde eklentilerin geliştirilmesine izin veren bir sisteme sahip olması ve açık kaynak kodlu olması da eklentiyi kendimize göre özelleştirebileceğimizi göstermektedir.

Bu saydıklarım haricinde yapabileceğiniz diğer özellikleri de görmek isterseniz buraya tıklayabilirsiniz.

DataTables Nasıl Kurulur/Kullanılır ?

DataTables’i kurmak için 2 adet CSS ve JS dosyalarını sistemimize ekleyip daha sonra basit bir JS kodu ile DataTables’i kullanmaya başlayabiliriz.

CSS / JS CDN

https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css

CSS

https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js

Javascript

Javascript Kodu

$(document).ready( function () {
    $('#myTable').DataTable();
} );

Javascript kodu olarak bahsetmiş olsam bile en başta da söylediğim gibi DataTables bir jQuery eklentisi olduğu için jQuery ile kodlamamız gerekiyor yani bu da DataTables’dan önce jQuery’i de sistemimize eklememiz gerekiyor.

Peki DataTables’den bahsettim hine de bu işleri ben kendim AJAX, DOM ve SQL bilgimle rahatça yaparım diyebilirsiniz fakat dünyadaki Adobe, Sony, Nasa, Tesla, Amazon gibi firmalar dahi DataTables’ı kullanmaya tercih ediyor.

DataTables hakkında daha detaylı bilgi alabilmek için buraya tıklayabilirsiniz.

Özet,

Bu yazımda sizlere DataTables’in ne olduğundan, neler yapabilirsiniz ve nasıl kurabiliriz konularından bahsettim. DataTables ile Tablolar üzerinde herhangi bir ekstra işlem yapmadan tablolar üzerinde arama, sayfalama gibi işlemleri hızlıca yapabiliriz.

Bu yazımı beğendiyseniz ve Javascript hakkında yazmış olduğum diğer yazıları merak ediyorsunuz buraya tıklayınız.