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. Çoklu filtreleme (multi filter) desteği ile, ilk koşul girildiğinde ikinci filtre alanı otomatik olarak görüntülenir ve tüm koşullarda (equals, not equals, greater than, vs.) kullanılabilir. 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.
- Selected values: Seçilen satırların değerlerini tutar.
- Selected Row Color: Seçilen satırın arka plan rengini belirler.
- 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.
- Second Title: Kolon başlığının altında gösterilecek ikincil başlıktır.
- Default Data Field: Bu kolonda gösterilecek varsayılan veri alanıdır.
- Group: Kolonları başlıkta gruplamak için kullanılır.
- Group Bg Color: Grup başlığı arka plan rengini belirler.
- Group Font Color: Grup başlığı yazı rengini belirler.
- 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.
- Hideo 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).
