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.
- Hide On Mobile Resolution: Mobil cihazlarda gizlemek veya değiştirmek için kullanılan bir özelliktir.
- 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.
- (i) 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.
- Row Hover Background Color: Satır üzerine geldiğinde satır arka plan renginin değişmesini sağlayabilirsiniz.
- Insert Row Active: Yeni satır ekleme işleminin aktif olup olmadığını belirler.
- Insert Row Position: Yeni eklenen satırın hangi pozisyonda (en üstte ya da en altta) yer alacağı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.
