Table elementi veri tekrarlayıcı bir elementtir. Elementin ilk satırındaki kolonlarına ekleyeceğiniz elementler sonraki satırlarda veri kaynağına bağlı olarak tekrar edecektir. Veri kaynağını seçtikten sonra satır/kolon içindeki diğer elementlere de ilgili veri tablosu içindeki alanları seçerek bağlayabilirsiniz.
Table Özellikleri
Tablonun geneline ait işlevsellik, görünüm ve etkileşim ayarlarını kapsar.
- Datasource: Tablonun bağlı olduğu veri kümesini belirtir.
- Showheader: Tablonun başlıklarının gösterilip gösterilmeyeceğini belirler.
- Fixed header: Sayfa kaydırılsa bile başlıkların sabit kalmasını sağlar.
- Editable: Tablonun düzenlenebilir olup olmadığını belirler.
- Editable Always Active: Hücre düzenleme modunun sürekli açık olmasını sağlar.
- Table Width Mode: Tablo genişliğinin sabit mi yoksa içerik kadar mı olacağını belirler.
Global Search, Searchable, Sorter ve Filtering özellikleri yalnızca web uygulamalarda desteklenmektedir.
- Globalsearch: Tüm tablo verilerinde genel arama yapılabilmesini sağlar.
- Searchable: Sağ üstte arama kutusunun gösterilmesini sağlar.
- Should Search Onchange: Arama kutusuna yazdıkça anlık filtreleme yapılmasını sağlar.
- Searchdelay: Arama yapılmadan önce bekleme süresini belirler (milisaniye).
- Sorter: Kolonların sıralanmasını aktif eder.
Filtreleme seçenekleri, kolonun veri tipine özel olarak gelir ve yalnızca veri bağlantısı sağlanmış tablolarda çalışmaktadır.
- Filtering: Kolonlarda veri tipine göre filtreleme yapılmasına olanak tanır. Table elementinde, kolonların veri tipine (String, Number ya da Date) göre farklı filtreleme seçenekleri sunar. Örneğin, String kolonları için contains, equals, begins with gibi seçeneklerden biri seçildiğinde, bu seçeneğe göre kolon bazında filtre uygulanabilir. Seçenekler kolon tipine özel olarak gelir. Filtreleme üç harften sonra aktif olur ve her harf girildiğinde arama otomatik olarak yenilenir, bu sayede daha dinamik ve hızlı bir filtreleme sağlar.
- Pagination: Verilerin sayfalara bölünmesini sağlar.
- Pagesize: Her sayfada gösterilecek satır sayısını belirler.
- Show Size Changer: Kullanıcının sayfa boyutunu değiştirmesini sağlar.
- Size Changer Options: Sayfa boyutu seçim seçeneklerini belirler (örneğin 10, 20, 50).
- Columnchooser: Kullanıcının hangi kolonların görünüp görünmeyeceğini seçmesini sağlar.
- Resizable columns: Kolonların genişliğinin ayarlanabilmesini sağlar.
- Hidetableonempty: Veri yoksa tablonun gizlenmesini sağlar.
- Striped: Satırların şeritli (çizgili) görünmesini sağlar.
- Stripedcolor: Şeritli görünümdeki satırların arka plan rengini belirler.
- Rowhoverbgcolor: Satır üzerine gelindiğinde arka plan rengini değiştirir.
- Insertrowactive: Yeni satır ekleme özelliğini aktif eder.
- Insertrowpositon: Yeni satırın en üstte mi, en altta mı ekleneceğini belirler.
- Shownodatafound: Veri yoksa "veri bulunamadı" mesajı gösterilir.
- Nodatafoundmessage: Bu mesajın içeriğini özelleştirmenizi sağlar.
- Nodatafoundimage: Veri yokken gösterilecek görseli ayarlar.
- Multiselect: Aynı anda birden fazla satır seçmeyi sağlar.
- Multiselect Scope: Çoklu seçimin hücre mi, satır mı, kolon mu olacağını belirler.
- Transformed on Mobile Resolution: Mobil çözünürlükte, tablo elemanları daha uygun bir görüntü için düzenlenir ve uyumlu hale getirilir.
- Selected values: Seçilen satırların değerlerini tutar.
- Selected Row Color: Seçilen satırın arka plan rengini belirler.
- Hide Header On Mobile Resolution: Mobil çözünürlükte, tablo başlıkları gizlenir.
- Export: Tabloyu dışa aktarma (Excel, CSV) özelliğini aktif eder.
Columns Özellikleri
Kolon seçiliyken çıkan özelliklerdir. Her biri kolonun görünümünü, işlevini veya davranışını kontrol eder.
- Title: Kolon başlığı, kullanıcıya gösterilecek isimdir.
- Group: Kolonları başlıkta gruplamak için kullanılır.
- Title Bgcolor: Kolon başlığı arka plan rengini belirler.
- Specialsortingformat: Sıralama sırasında özel bir kurala göre işlem yapılmasını sağlar.
- Always Visible On Mobile Resolution: Mobilde bu kolonun her zaman görünür olmasını sağlar.
- Hide Filtering: Bu kolonda filtreleme yapılmasını engeller.
- Hidesorting: Bu kolonda sıralama yapılmasını engeller.
- Hidesearch: Bu kolonda arama kutusunu gizler.
- Footer Options: Bu kolona alt bilgi (toplam, ortalama vb.) eklenmesini sağlar.
- Footerformatter: Alt bilgiye özel biçimlendirme kurallarını tanımlar.
- Footer Optionlabel: Alt bilgiye yazılacak başlığı/metni belirler.
- Footer Font Size: Alt bilgi yazı tipi boyutunu ayarlar.
- Footer Font Color: Alt bilgi yazı rengi.
- Footer Text Align: Alt bilgi yazı hizalaması (sol, sağ, orta).
- Exclude From Export: Bu kolonun dışa aktarıma dahil edilmesini engeller.
- Fixed: Kolonun sabitlenmesini sağlar (kaydırınca yerinde kalır).
- Placeholder: Hücre düzenlenebilir ise, boşken gösterilecek yazıdır.
Title Özellikleri
Kolon başlığı seçildiğinde aktif hale gelir. Bu özellikler, kolonun başlık alanında düzenleme yapmanızı sağlar.
- Column Titles: Tabloda sütun başlıklarını temsil eder. Genellikle ilk satırdaki başlıklardır.
- Hide Mobile Resolution: Mobilde tablo başlıklarının gizlenmesini sağlar.
- Textdirection: Kolon yazı yönünü belirler (soldan sağa / sağdan sola).
