2020’de 10 En İyi JQuery Table Eklentisi
Çeşitli artırılmış düzen özelliklerine sahip sağlam bir tablo oluşturmanın yollarını mı arıyorsunuz? Burada, bunu yapmanıza ve daha fazlasını yapmanıza yardımcı olacak 10 jQuery tablo eklentisinin bir listesini yaptım! Tablonun farklı amaçlar için Web’in içeriğinde ve düzeninde yaygın olarak kullanıldığı bir zaman vardır. Şimdi, bu modern çağda, masa tabanlı düzen çoğunlukla öldü ve yaklaşım biraz değişti. Bu nedenle, web’de herhangi bir tabloya ihtiyacınız varsa, temel olarak her sorundan tablo verileri görüntülemektir.
Ninja Tablosu – WordPress Table Maker Zamanla, Gösteri Süreci Tablosu kavramı çok değişti. Hücresel dostu masa artık zaman talebidir. Şu anda dikkate alınan daha fazla sorun var. Daha uzun bir HTML kısmı olarak, tablolar genellikle hücresel tasarımlar için en uygun değildir, ayrıca genellikle kutunun dışında daha fazla işlevsellik sunmaz. Tablo temel olarak verilerinizi görüntülemektir ve bazı kullanım durumları için önemli değildir.Bununla birlikte, genellikle duyarlı düzeni kanıtlayarak veya arama, filtreleme, sıralama veya diğer gelişmiş özellikler gibi ek işlevler sağlayarak bir tablonun hücresel dostu bir ekranla daha çağdaş olmasını isteyebilirsiniz. Bu nedenle, bu yazıda, her türlü tablo oluşturmak, genişletmek ve geliştirmek için JQuery tarafından desteklenen eklentilerin seçimini tartışacağım. Buradaki en iyi ücretsiz jQuery tablo eklentisi, sizin için kendi web sayfanızda çalışabileceğiniz 10 en iyi jQuery açık kaynak tablo çözümleri topladım, umarım bu size yardımcı olur ve beğenir! Doğrudan yayınlayalım ve en iyi jQuery tablo eklentilerini bulalım. Syamik olarak olabilir
Dinamik jquery JQuery Dynatable eklentisi, tablo yapma görevini kontrol eder ve elbette bu eklenti görülmeye değer. Bazı durumlarda, JavaScript/JQuery’yi gerçekten sevdiğinizde, bazı örnekler veya belgeler sizi korkutabilir. Bu nedenle, Dynatble’ı kullanarak her şeyi kullanıma hazır bulacaksınız ve endişelenmenize gerek yok. Her şey düzenlenebilir ve eklentiyi varsayılan yapılandırmayı kullanarak mükemmel bir şekilde kullanabilirsiniz ve en önemlisi, herhangi bir tablo cilalamak için ayarlamalara ihtiyacınız yoktur.
Bir şey, bu eklenti nispeten uzun olmasına rağmen, bu eklenti hala çalışıyor ve olağanüstü işlevselliğe sahip birçok özellik sunuyor. Buna ek olarak, bu eklenti 70.572 indirme sunar ve size doğru belgeleri sunar. Dynatable, kullanıcıların kutunun dışında bir veya çok sütunlu, akıllı sıralama olmasına izin verir ve başlayıcıyı bir kez daha aşağı inmek için bir kez daha aşağı inmek ve bir kez daha sütuna göre sıralamayı durdurmak için tıklayabilirsiniz. Bu, hedeflerinize hizmet etmek için iyi bir çözüm olabilir. İlginç bilgiler: Özel sorgular ve özel sıralama. Eklentiler: Web Sitesi ve GitHub .2. CSS Bootstrap tablosu çoğunlukla popülerdir ve önde gelen CSS çerçevelerinden biri olarak bootstrap var. Bootstrap tablo eklentisi, minimum geliştirme çalışması yapmanız için ihtiyacınız olan tüm özellikleri sağlayan özellikler ve hafiflik açısından zengin bir tablo eklentisidir.
JQuery Bootstrap tablosu
Eklentilerin en önemli şeylerden biri, olağanüstü eklentinin gücü ve kapsamıdır, çünkü masanızı tamamen duyarlı hale getirmek için yeniden düzenleyebilirsiniz. Ayrıca, filtreleme, arama, koşullu sütun ekranı vb. Gibi daha fazla işlev ekleyebilirsiniz. Oldukça basit bir tablo yapmak için sütunu da gizleyebilirsiniz. Bu eklenti binlerce katılımcı tarafından yönetilir ve binlerce taahhüdü vardır. Eklenti geliştirme sürekli bir süreçtir ve büyümeye devam eden açık kaynaklı bir projedir. Bu eklenti tarihsel olarak tarihsel olarak kullanıcılarına destek sağlamaktır ve daha iyi bir ürün haline getirmek için sürekli olarak tekrarlanmıştır. Bunu seçmek sizin için akıllıca bir seçim olabilir. Bu eklenti ayrıca çok sayıda yararlı hizmet sunmak için birçok uzantı sunar. Tidbs: Akıl uzantısı. CSV ve JSON’a dışa aktarma. Eklentiler: Web Sitesi ve Demo .3. Sıralama JQuery JQuery Tablo Tablo Tablo Sıra, sayfa serinletme olmadan sıralanabilmesi için etiket thead tbody ile bir HTML tablosu oluşturan bir jQuery tablo eklentisidir.
JQuery tablosunu sıralama
Bu eklenti, hücre üzerindeki veriler de dahil olmak üzere birçok veri türünü parçalayabilir ve sıralayabilir. Tablo sıralayıcı eklentisinden birçok özellik var. Bu, çoklu sütun ve çok gövdeyi sıralamanızı sağlar. Bu eklentinin en önemli yönlerinden biri çapraz tarayıcı uyumludur, yani IE 6.0+, FF2+, Safari 2.0+, Opera 9.0+ vb. Kullanım genişletilebilirliğini artıran bir eklenti kullanarak bir widget sistemine sahip olabilirsiniz.
Eklentileri resmi web sitelerinden görebilir ve GitHub’dan alabilirsiniz. 4. Bu veri tablosu, sıralama, filtreleme, sayfalandırma ve özel temalar gibi herhangi bir tablo oluşturmak için ek işlevler sunan kapsamlı bir eklentidir. Bu eklenti diğerlerinden farklıdır ve masanızın oluşturulmasında ustalaşabilmeniz için bir dizi kapsamlı belge sunar. Veri Tablo Eklentisi
Kapsamlı özellikler ve ayarlamalar bu eklentiyi dostça geliştirici haline getirir. Bu eklenti sadece çok amaçlı işlevsellik değil, aynı zamanda sağlam belgeler de sağlar. Eklenti stilini değiştirmek için CSS çerçevesi ile entegrasyon oldukça muhteşemdir. Bu eklentinin harika kısımlarından biri, GitHub hata raporu veya Destek Forumu aracılığıyla geliştirici ile doğrudan temas yoluyla premium destek sistemidir. Dahası, DatAtables’ı bir şirket sistemine veya çok önemli bir şeye entegre etmek istiyorsanız. Bu durumda, doğrudan geliştiricilerden veren bir şirket lisansı satın alabilirsiniz. Genel olarak, DataTables’ın size isteğe bağlı destek unsurları ve asistanı olan geliştiricilere odaklanan özellikler sunduğunu söyleyebilirim. Eklentiler: Web Siteleri ve Demo. 5. sıralanabilir – JQuery Sırf eklentisi, temelde tabloyu sıralamaya hizmet eden en önemli jQuery eklentilerinden biridir. Sıralama işlevselliği eklemek istiyorsanız, yalnızca bu jQuery eklentisini eklemeniz gerekir ve her şey bitecektir! ?
Sıralanabilen masa eklentisi Bu eklenti, JavaScript ve CSS kütüphanesine dayanan açık kaynaklı bir eklentidir. Eklentinin ana sorumluluğu tabloyu sıralamaktır. Eklentiler kullanarak 6 muhteşem temayla herhangi bir komut dosyasını ve stili bırakabilirsiniz. Bu eklenti hücresel dostudur ve küçük bir iz içerir ve bağımlılık yoktur. Bu, IE8+, Firefox 4+, Webkit Today (Chrome, Safari) ve opera ile eşzamanlı olarak çalışabilen uyumlu bir çapraz tarayıcıdır.
Eklentileri ortamınızla uygulamak için yalnızca stil ve kaynak komut dosyasını eklemeniz gerekir. Daha iyi anlayışınız için örnek kodu tabanı aşağıda verilmiştir. Tabloya ve birkaç sınıfa sıralanabilir özellikler ekleyin. Şimdi, sayfayı yeniden yüklemeden tabloyu sıralayabilirsiniz. Bunu böyle gerçekleştirebilirsiniz. Eklentiler: Web Siteleri ve GitHub. 6. JSON’dan JSON’dan Bootstrap tablosuna Bootstrap Tablo Eklentisi JQuery JQuery, JSON Veri Dosyası verilerinden duyarlı tabloyu boote etmenizi sağlar. Eklenti, arka uçtan alınan verilerle dolu bir tablo oluşturacaktır.
Bootstrap masası için json jquery. Bu eklenti, sayfalandırma düğmesi ve eylemi olan duyarlı bir bootstrap tablosu görüntüleyen olağanüstü bir eklentidir. Yalnızca JSON verilerinizi ödemeniz ve JSON tablo eklentisine Bootstrap’a iletmeniz gerekir ve dinamik bir tablo oluşturacaktır. Bu JQuery eklentisini kullanarak sayfanın boyutunu, ana anahtar sütunu, görüntüleme/gizle/düzenleme, Eylem düğmesini silme vb. Eklenti alın: C Odecanyon web sitesi. 7. TinyTable – TinyTable JQuery tablo eklentisi, her türlü duyarlı tablo yapmak için kullanılan akıllı bir jQuery tablo eklentisidir. Tüm tablolar mobil/cep telefonu tarayıcısında iyi görünecek ve bu eklenti mobil dostu formatta bir tablo oluşturmanıza yardımcı olacaktır.
JQuery Tinytable eklentisi
Eklenti, tablonun genişliğini otomatik olarak tarayıcı penceresinin maksimum genişliğine dönüştürecektir. Tabloyu özel bir kapta saklayacak ve bu telefonda görüntülendiğinde telefon, kaydırma hareketine izin verecek bir seçenek var. Tabloyu siteniz boyunca uzanan Tablo 2 sütunlarına dönüştürmek için başka bir seçenek daha var. Ayrıca, bir eklenti kullanarak, güzelleştirerek uzun bir tabloyu görüntülemek için birkaç seçeneğiniz olabilir. Bu eklenti, IE9, IE10, IE11, Firefox, Safari, Opera ve Chrome, vb. İle uyumlu çapraz tarayıcıdır. Bu, kullanmayı seçebileceğiniz akıllı bir jQuery eklentisidir. Eklenti alın: C ODECOYONE web sitesi. 8. TABLOWAW- Bu ücretsiz JQuery eklentisi, ekran çözünürlüğünün kalitesini koruyarak duyarlı tablo ekranı kullanan ücretsiz bir JQuery eklentisidir. Geliştiricilerin doğru filtreleme çözünürlüğü ile duyarlı tablo tasarımını korumaları için hala bir zorluk.
TABLOWAW JQuery eklentileri, tablonuzun yanıt verme şeklini ayarlamanıza izin veren çeşitli mod türleri içerir. Kısa bir mod listesi aşağıda verilmiştir:
Sütun Geçiş – Kullanıcıların sütunun görünürlüğünü ayarlamasına olanak tanır. SHIPE MODU – SHIPE MODU KULLANMAK.
Anahtarlama modu – Farklı modlar arasında geçiş yapmak için kullanılır. Sınıflandırılabilir – tablo verilerini sıralamak için kullanılır.
Mutfak Lavabosu – Bir birimdeki tüm modları birleştirmek için kullanılır.
Tümünü kontrol etme Bu, sütundaki başka bir onay kutusunu etkinleştirmek için kullanılan onay kutusunun izin verilmesi gerekir. Bu eklenti, IE9+, Android 2.3 tarayıcı ve BlackBerry OS 6+ ile -dereceli bir destek için hardalı keser. Eklenti alın: GitHub. 9. TABLESSORT -Plugin Tablosu JQuery Eklentisi TABLESSORT JQuery, standart HTML tablosunu iyi sıralanabilir bir tabloya dönüştürmek için kullanılan ücretsiz bir eklentidir. Bu eklentinin iyi kısmının bir tabloyu sıralarken sayfayı yeniden yüklemeye gerek yoktur. Eklentiler, hücredeki veri de dahil olmak üzere birçok veri türünü sıralayabilir ve kolayca parçalayabilir.
Tabloorter Jquery eklentisi
TABLOTERLER kullanarak alfanümerik sıralama, sayfa dönüş fonksiyonları, birkaç widget, yapışkan başlıklar, UI tema uygulamaları, sütun filtreleri ve boyut değiştiriciler vb. Gibi yeni zenginleştirme alabilirsiniz. TABLESSORT, Bootstrap V2-4’ü destekler ve sıradan metin, URL, şamandıra, tamsayı, para birimi, IP adresi, tarih ve saat vb. Ayrıca kendiniz yapabilirsiniz. Bu eklenti, sadece 25 binden başlayarak kod boyutlarında çok küçüktür. Eklenti alın: GitHub. 10. Footable – Eklenti JQuery Footable Tablo, normal HTML tablosunu duyarlı hale getiren bir jQuery eklentisidir. Bu eklenti yerleşik jQuery’dir ve temelde Bootstrap ile çalışır. Bu, masanızı eskisinden daha akıllı hale getiren akıllı bir eklentidir.
JQuery foottable eklentisi
Footable, daha küçük cihazlarda belirli sütunları gizlemenize ve büyük tablolar için tablo tablolarını ortadan kaldırmanıza olanak tanır.Bu nedenle kullanıcılar, gizli sütunun içeriğini görmek için her satırı genişletebilir.Bu eklenti tarafından oluşturulan tabloda kaç veri sütununa sahip olursanız olun, Footable tüm HTML tablolarını genişletilebilecek duyarlı bir tabloda değiştirir.Bu eklenti, 3 bitmiş masa temasıyla kullanıcılarını kolaylaştırır ve masanın herhangi bir yere özel CSS ekleyebilir.CSS seçmenlerini kullanarak sitenizdeki belirli tabloları hedefleyebilirsiniz.Eklentiler Alın:
Github. Bu, sitenizde herhangi bir dinamik tablo oluştururken sahip olabileceğiniz en etkili jQuery eklentisidir. Burada listelenen tüm eklentiler, bir tablo oluşturmak için neredeyse aynı şekilde yapmayı amaçlamaktadır. Yukarıda belirtilen eklentiden herkes sizin için en iyi seçim olabilir. Gönderiyi okuduktan sonra, WordPress için aynı hedefe en iyi şekilde hizmet veren herhangi bir eklenti düşünebilirsiniz. JQuery kütüphanesi ve bootstrap çerçevesinin bir kombinasyonu ile oluşturulmuş WordPress ninja tablo eklentisini WordPress -the WordPress dostu bir şekilde tavsiye edeceğim. Ninja Tablo Eklentisi Sonuç Al pratik durumlarda, sitenize tablo eklemenin birçok yolu vardır, hangi platformda ne tür bir eklenti kullanmak istediğinize bağlıdır. Bir WordPress kullanıcısı veya belki de biri olmayabilirsiniz. WordPress kullanıcısı değilseniz, yukarıda belirtilenlerden birini listede kullanabilirsiniz. Ya da bir WordPress kullanıcısıysanız, artık tereddüt etmeden ninja tablolarını kullanmanızı şiddetle tavsiye ederim. Bunlardan birini kullandıysanız, eklentileri kullanma deneyiminizden bahsedin. Ya da denemediyseniz, bunlardan birini deneyin. Konuya ihtiyacınız varsa veya önerdiğiniz takdirde bize ihtiyaçlarınızı anlatın. Bir WordPress kullanıcısıysanız, kesinlikle ninja masasını kullanacaksınız. Ninja Masss Pro’da artış ve masanızı daha güçlü hale getirin
