Arayüz JavaScript

jQuery ile yapabileceğiniz 10 inanılmaz tablo

Yazan Fatih

Merhabalar Webmaster Kitchen Ailesi, bugünkü yazımızda tablolarınızı oluşturmak, genişletmek veya geliştirmek için jQuery ile çalışan eklentileri inceleyeceğiz.

Genellikle tabloların daha modern olmasını, mobil bir ekosisteme yanıt veren bir düzen olmasını, arama, filtreleme, sıralama veya diğer gelişmiş özellikler gibi ek işlevler sunmasını istersiniz. Tüm bu istediklerimize çözüm olacak nitelikte 10 jQuery tabloyu sizler için derledik.

Tabella.js

Tabella, uzun/karmaşık tablolarda kolayca gezinmek için dokunma/kaydırma  işlevselliği sağlama üzerine odaklanan dinamik bir tablo oluşturma eklentisidir.

webmaster-kitchen-taberellajs

Website / Demo

Github

FooTable

FooTable, tablolarınızı geliştirmek için arama, filtreleme ve başka güzellikler sağlayan Bootstrap dan esinlenilmiş tablo eklentisidir.

webmaster-kitchen-footable

Website / Demo
Github

Stackable.js

Stackable.js, küçük cihazların düzenini ayarlayarak tablolarınızın mobil ortamdaki  uyumluluğunu kolaylaştırmayı amaçlayan mobil dostu bir jQuery eklentisidir.

webmaster-kitchen-jquery_stackable

Website / Demo
Github

jQuery KingTable

KingTable, karmaşık olarak arama/filtreleme koşulları, hesaplar ve proje yönetimini veya diğer veri odaklı faaliyetleri yönetmek için oluşturulmuş ve geliştiricilere çözüm sunan bir tablo çözümüdür. CSV, JSON ve XML dosyalarını direk export edebilirsiniz.

webmaster-kitchen-query_kingtable

Demo
Github

FancyGrid

FancyGrid, ek işlevsellik ve özellikler sayesinde standart tablolarınızı güçlendirir. İster basit bir tablo, ister filtreleme, sıralama veya sayfalandırma işlevselliğine sahip bir tablo isteyin, kullanıcılarınız için harika bir tablo deneyimi oluşturma seçenekleri sunar.

webmaster-kitchen-fancygrid

Website / Demos

Tabulator

Tabulator, her bir HTML, JavaScript dizisi, Ajax veri kaynağı veya JSON verileri arasında etkileşimli, genişletilebilir tablolar oluşturmak için dinamik olarak kullanılan bir jQuery eklentisidir.

webmaster-kitchen-tabulator

Website
Demo
Github

jQuery HighchartTable

HighchartTable, dinamik olarak tablo verilerinizden bir Highcharts yani etkileşimli grafik oluşturarak çalışan faydalı bir eklentidir.

webmaster-kitchen-highcharttable

Website
Demo
Github

DataTables

Oldukça esnek, daha sezgisel ve kullanışlı kılmak için temel HTML tablolarını yapılandırmayı amaçlayan jQuery tablosudur. DataTables, tablolarınıza sıralama, filtreleme, sayfalandırma ve özel tema oluşturma gibi ek işlevler sağlamak için kullanılan kapsamlı bir eklentidir.

webmaster-kitchen-datatables_jquery

Website / Demos

Bootstrap Table

Bu eklentinin gücü ve kapsamı oldukça etkileyicidir. Tablolarınızı hassas ve hoş bir hale getirmek için yeniden şekillendirmek için kullanabilirsiniz, ayrıca süzme, arama, sütunların koşullu gösterimde yapılabilir. Örneğin basitlik için sütunları gizleyebilirsiniz. Bu linkte öğelerin nasıl yapılandırılacağını özetlemektedir.

webmaster-kitchen-bootstrap_table

Website
Demo

Dynatable

Dynatable, diğer tabloların yanı sıra filtreleme, sıralama ve sayfalandırma gibi güçlü özelliklere sahip tablolar oluşturan inanılmaz derecede güçlü ve derinlemesine bir tablo yapmanıza imkan sağlayan eklentidir. Dynatable, tablonun nasıl işlendiğini, filtrelemenin ve aramaların nasıl çalışacağını, genel olarak size özelleştirilebilir bir çözüm sunan geliştirici odaklı bir tablo eklentisidir.

webmaster-kitchen-dynatable

Website
Github

Bu yazımızla alakalı yorumlarınızı aşağıdaki yorum bölümüne aktarıp bizimle etkileşim kurabilirsiniz. Umarım faydalı olmuştur. Herkese iyi çalışmalar diliyorum.

İşin mutfağını öğrenmek herkesin hakkı.. Webmaster Mutfakta işin mutfağını öğrenin.  ?



Yazar hakkında

Fatih

Çırak JavaScript Engineering @universe

Yorumlar

4 Yorumlar

Bir yorum yaz