Akıllı Veri Tablosu App Kodla

Vanilla JavaScript kullanarak, verilerinizi modern ve etkileşimli bir tabloda görüntüleyen tam kapsamlı bir HTML dosyası oluşturur. Dosya, CSS ve JavaScript kodlarını içerir ve herhangi bir harici kütüphane gerektirmeden çalışır.

Tablo, global arama, sütun bazlı sıralama, sayfalama, sütun filtreleri, CSV dışa aktarma ve karanlık/aydınlık tema geçişi gibi temel özellikleri sunar. Kullanıcı tercihlerini localStorage ile kaydederek, sayfa yenilendiğinde tablo durumunu korur. Material Design ilkelerine uygun, temiz ve responsive bir arayüz tasarımı sağlar.

Çıktı olarak yalnızca çalıştırılabilir HTML kodu üretir; açıklama veya yorum içermez. Belirtilen veri seti ve sütun yapısına göre özelleştirilmiş, kullanıma hazır bir çözüm sunar.

{ }Değişken Açıklamaları:

• [YOUR DATA]: Tabloda görüntülenecek örnek veri setini belirtir. JSON formatında veya JavaScript dizisi olarak sağlanmalıdır. Örneğin: [{"ID":1,"NAME":"AHMET","AGE":25},{"ID":2,"NAME":"AYŞE","AGE":30}]
• [LİST COLUMN NAMES]: Tabloda gösterilecek sütun isimlerini listeler. Veri setindeki alan adlarıyla eşleşmelidir. Örneğin: Id, name, age, email, status
• [ADD ANY EXTRAS]: Tabloya eklenecek ek özellikleri tanımlar. Satır seçimi, toplu işlemler veya özel filtreler gibi işlevler belirtilebilir. Örneğin: Satır seçimi, toplu silme, gelişmiş filtreleme, inline düzenleme
• [COLOR SCHEME]: Arayüzde kullanılacak renk paletini belirtir. Tema renklerini ve vurgu tonlarını içerir. Örneğin: Mavi-gri tonları, yeşil-beyaz, mor-turuncu gradient