Yazımızda web projelerinde sıkça kullandığımız JQuery DataTable kullanımından bahsetmek istiyorum. Sayfalarda verilerin listelenmesinde bazen kendi oluşturduğumuz tablo yapıları işimizi görürken veri sayısının oldukça fazla olduğu listelemelerde hem performans açısından hem de görünüm açısından tablo yapısı ihtiyacımızı karşılamakta yetersiz kalabiliyor.

JQuery DataTable bazı özellikleri • Tüm sütun içerisinde arama yapabilme, • Sütunlar içerisinde sıralama yapabilme, • Sayfalama işlemleri ve sayfada gösterilecek kayıt sayılarını belirleyebilme, • Dil desteği, • Özelleştirilebilir filtreleme işlemleri • Excel çıktı alma eklentileri

Tabloda göstereceğimiz verileri client-side ve server-side olarak hazırlama seçeneğimiz bulunuyor. Sabit listelerin gösterimi için ekstra kod yazmadan listemizi doğrudan DataTable’a bağlayıp gösterebiliriz. Server-side kullanım için DataTable’ın parametrelerini alan bir metod tanımlamamız gerekir. Bu şekilde yapacağımız kullanımda kodumuzu biraz daha özelleştirip arama ve sıralama işlemlerimizi kendimiz yapmamız gerekecek.

DataTable’ı projenizde kullanabilmeniz için ilgili sayfada jquery scriptinin eklenmiş olması ve ayrıca aşağıda paylaşacağım adreste bulunan JQuery DataTable’a ait script ve css dosyalarının da eklenmesi gerekir. Daha ayrıntılı bilgiye ve örnek kullanımlara https://datatables.net/ adresinden ulaşabilirsiniz.