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. Elemente role bağlı yetkilendirmeler verebileceğiniz gibi görünürlüğünü de göster/gizle/koşullu seçenekleriyle ayarlayabilirsiniz.
- Table Header: Table elementini düzenlemek, başlıkların düzenlendiği ve tanımlandığı alandır.
- Column titles: Table elementinde sütun başlıklarını temsil eder.
- Datasource: Table içindeki elementlerin besleneceği veri kaynağını seçtiğiniz alandır.
- Show Header: Table başlık bölümü ön tanımlı olarak görünür halde gelir. Dilerseniz gizleyebilirsiniz.
- Fixed Header: Tablonun başlık kısmını sabit tutarak, sayfa kaydırıldığında başlıkların görünür kalmasını sağlar.
- Editable: Tablodaki hücrelerin düzenlenebilir olup olmadığını belirler, böylece tablo verileri doğrudan düzenlenebilir.
- Table Width Mode: Tablonun genişlik modunu ayarlar.
- Global Search: Tablo içindeki tüm verilerde anahtar kelime araması yapmanıza olanak tanır. Büyük ve karmaşık veri setlerinde, belirli bilgileri bulmayı kolaylaştırır.
- Searchable: Searchable özelliğini aktif hale getirdiğinizde Table elementinin sağ üstüne bir input elementi eklenir ve tablo içinde arama işlemi yapılması sağlanır.
- Sorter: String, number yada date column larının küçükten büyüğe yada büyükten küçüğe sıralanmasını sağlayablirsiniz.
- Filtering: 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.
Filtreleme seçenekleri, kolonun veri tipine özel olarak gelir ve yalnızca veri bağlantısı sağlanmış tablolarda çalışmaktadır.
- Pagination: Table elementine tanımlanan veri tablosunda veriler listelenirken sayfalama ekleyebilirsiniz.
- Page Size: Her sayfada gösterilecek satır sayısını belirler.
- Show Size Changer: Sayfa boyutunu değiştirme imkanı tanır.
- Size Changer Options: Sayfa boyutunu değiştirme seçeneklerini belirler. (Örneğin, 10, 20, 50 gibi satır sayıları olabilir.)
- Column Chooser: Tablo üzerinde hangi kolonların gösterileceğini belirler.
- Resizable Columns: Tablodaki kolonların yeniden boyutlandırılabilir olup olmadığını belirler.
- Hide Table On Empty: Table elementine bağlanan veri tablosunun boş olduğu durumlarda tablosunun gizlenmesini sağlayabilirsiniz.
- Striped: Tablodaki satırların alternatif arka plan renkleriyle şeritli şekilde gösterilmesini sağlar.
- Striped Color: Şeritli satırların arka plan rengini belirler.
- Insert Row Active: Yeni satır ekleme işleminin aktif olup olmadığını belirler.
- Show No Data Found: Tabloda veri olmadığında “Veri Bulunamadı” mesajının gösterilmesini sağlar.
- No Data Found Message: Kuikada yer alan Table elementine dinamik bir veri bağlanmadığı durumlarda ön izleme ve çalışma anında görüntülemek için yer tutucu mesaj ekleyebilirsiniz.
- No Data Found Image: Kuikada yer alan Table elementine dinamik bir veri bağlanmadığı durumlarda ön izleme ve çalışma anında görüntülemek için yer tutucu görsel ekleyebilirsiniz.
- Multi Select: Tablo içindeki birden fazla satırı seçmenizi sağlar. Topluca satırları düzenleyebilir, silebilir veya diğer işlemleri uygulayabilirsiniz.
- Selected Values: Tabloda seçilen satırların değerlerini depolar.
- Selected Row Color: Seçilen satırların arka plan rengini belirler.
- Multi Select Scope: Bir tabloda aynı anda birden fazla hücre veya satırın seçilebileceği alanı belirler.
- Transformed On Mobile Resolution: Table elementinin mobil cihazlarda daha iyi bir görünüm sağlaması için otomatik olarak yeniden düzenlenmesini sağlar.
- Editable Always Active: Table elementindeki düzenlenebilir hücrelerin her zaman aktif olmasını sağlar; böylece hücrelere tıklandığında düzenleme modu otomatik olarak açılır.
- Export: Tablo verilerini dışa aktarmayı mümkün kılar. Örneğin, tabloyu Excel veya CSV formatında indirmenize olanak tanır.
