Salı 24 Ocak 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Arayüz
  3. jQuery ile yapabileceğiniz 10 inanılmaz tablo
 jQuery ile yapabileceğiniz 10 inanılmaz tablo
Arayüz JavaScript

jQuery ile yapabileceğiniz 10 inanılmaz tablo

Yazar : Fatih 20 Aralık 2016 4 Comments

İçindekiler

  • Tabella.js

  • FooTable

          • Website / Demo

          • Github

  • Stackable.js

          • Website / Demo

          • Github

  • jQuery KingTable

          • Demo

          • Github

  • FancyGrid

          • Website / Demos

  • Tabulator

          • Website

          • Demo

          • Github

  • jQuery HighchartTable

          • Website

          • Demo

          • Github

  • DataTables

          • Website / Demos

  • Bootstrap Table

          • Website

          • Demo

  • Dynatable

          • Website

          • Github

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.  ?

Etiketler: javascript jquery eklentileri jquery ile neler yapılır jquery ile tablo jquery nedir jquery tablo yapımı
Önceki Yazı
Sonraki Yazı

Fatih

author

4 Yorumlar

  • M. Ali petek says:
    21 Aralık 2016 at 02:56

    Tabella güzelmiş. Ben “timetable.js” diye birşey kullanmıştım iş gördü ama sınırlı özellik vardı.

    Reply
    • Fatih Özel says:
      21 Aralık 2016 at 12:07

      İlginiz için teşekkür ederim. Tabella.js dışındaki diğer eklentileride kullanıp denemenizi tavsiye ederim.

      Reply
  • Yasin says:
    21 Mart 2017 at 14:39

    fancyGrid ile Tabella çok hoşuma gitti.

    Reply
    • Yasin says:
      21 Mart 2017 at 14:41

      BootstrapTable ‘nin de hakkını yememek lazım 🙂

      Reply

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.