McA®: En iyi jQuery Grid bileşenleri

1 Mart 2012 Perşembe

En iyi jQuery Grid bileşenleri

Her projede verilerin ekrana tablo şeklinde döküldüğü sayfalar vardır. Bu tablolara (datagrid) özellikler eklemek son kullanıcı açısında hayata inanılmaz kolaylaştırır. Peki tablolara eklenebilecek olan bu özellikler neler olabilir ?

İstenen kolona göre sıralama
Tablo içerisinde arama
Ara toplam göstermek
Zebra sitili eklemek (örneğin bir mavi bir beyaz geçişli) , böylece okunurluğu artırmak.

Projeler çok değişik teknolojilerle yapılabilir, Java, .NET, PHP… ve bu yukarıda bahsettiğim özellikleri tüm teknolojilerde hazır bulma şansı olmayabilir ya da bulunsa bile istenen hali olmayabilir.

Bu durumda Jquery size inanılmaz bir yardımcı oluyor. Çok basit ve igrenç bir 3 x 3 ‘lük tabloyu bir şaheser haline – hemde birkaç satır kodla – mümkün kılıyor.

İşte seçtiğim jquery grid (yani tablo) bileşenleri

1 – SlickGrid

Tablonuza özellik katan jquery bileşenlerimizden ilki. Performası çok iyi. İşte bir örnek.

Ayrıca hücreleri tablo üzerinde değiştirmenize olanak veriyor, elbette bu gelişmiş bir özellik ve arka taraftaki teknoloji ile ( .NET, php veya Java gibi ) birleştirilmesi lazım ve fakat aramave renklendirme özellikleri kolayca kullanılabilir.

2 -InGrid

Otomatik olarak sıralama ve sayfalama özelliği göz dolduruyor ve elbette çok hızlı.

InGrid demo sayfasına ulaşmak için tıklayınız.

3- jQuery Grid

Dökümantasyonu diğerlerine göre nispeten daha iyi sunulmuş. Örnekler PHP ve .NET ile verilmiş.

Bu bileşenin en iyi özelliği bence sunucu tarafıyla xml veya json bazlı konuşabilmesi. Demo sayfasına buradan ulaşabilirsiniz.

4- Flexigrid

Sayfası çok iyi sunulmuş bir ürün. Herşey yerli yerinde gözüküyor. Sayfalama özelliği ve kaçar kaçar sayfalanacağınu seçtirmesi güzel. Ayrıca xml ve json şeklinde verileri sunucu tarafına göndermeside çok faydalı. Tablo içerisinde arama özelliğinin olmaması beni şaşırttı (ben mi bulamadım acaba ?*)