Table elementi, veri tekrarlayıcı bir elementtir. İlk satırdaki kolonlara eklediğiniz elementler, sonraki satırlarda veri kaynağına bağlı olarak tekrar eder. Veri kaynağını seçtikten sonra, satır/kolon içindeki diğer elementleri de ilgili veri tablosundaki alanlara bağlayabilirsiniz. Ayrıca, bu elemente role bağlı yetkilendirmeler verebilir ve görünürlüğünü göster/gizle/koşullu seçenekleriyle ayarlayabilirsiniz.
Table Header : Table elementininin başlıkların düzenlendiği ve tanımlandığı alandır.
Column titles : Table elementinde sütun başlıklarını temsil eder.
Hide On Mobile Resolution : Table elementini mobil cihazlarda gizlemek veya görünümünü değiştirmek için kullanılan bir özelliktir.
Text Direction : Metin yönünü belirler.
Datasource : Table içindeki elementlerin besleneceği veri kaynağını seçtiğiniz alandır.
Transformed On Mobile Resolution: Table elementinin bu özelliği, oluşturduğunuz tabloyu mobil cihazlarda görüntülediğinizde daha iyi uyum sağlaması için nasıl dönüştürüleceğini belirler.
Show Header : Table başlık bölümü ön tanımlı olarak görünür halde gelir. Dilerseniz gizleyebilirsiniz.
Fixed Header: Switch’i aktif hale getirdiğinizde tablonuzun başlık satırı, ekranı kaydırsanız bile sabit kalır.
No Data Found Message : Kuikada yer alan Table elementine dinamik bir veri bağlanmadığı durumlarda ön izleme ve çalışma alanında görüntülemek için yer tutucu mesaj ekleyebilirsiniz.
Table Width Mode: Tablonuzun genişliğinin farklı cihazlarda ve ekran boyutlarında görüntülenmesini sağlar.
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 veya date sütunlarını küçükten büyüğe veya büyükten küçüğe sıralanmasını sağlar.
Filtering: Son kullanıcının Table elementinde, kolonların tipine göre (String, Number ya da Date) gelen seçeneklerle filtrelemesini sağlar. Ö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. Filtering, veri bağlantısı sağlanmış tablolarda çalışmaktadır.
Pagination : Table elementine tanımlanan veri tablosunda veriler listelenirken sayfalama ekleyebilirsiniz.
Page Size: Bir sayfada görüntülenecek maksimum satır sayısını ayarlamanızı sağlar.
Show Size Changer: Anahtarı (Switch) aktif hale getirdiğinizde tablonuzun sayfa boyutunu manuel olarak değiştirebilmenize olanak tanır.
Size Changer Options: Seçebileceğiniz sayfa boyutlarını listeler.
Column Chooser: Tablonuzda hangi sütunları görüntülemek istediğinizi seçmenize olanak tanır.
Hide Table On Empty : Table elementine bağlanan veri tablosunun boş olduğu durumlarda tablosunun gizlenmesini sağlayabilirsiniz.
Striped: Tablo satırlarının farklı renklerde gösterilmesini sağlar.
Striped Color: Satırlar için renk belirlemenizi sağlar.
Row Hover Bg Color: Bir satırın üzerine geldiğinizde o satırın arka plan rengini gösterir. Böylece hangi satırda olduğunuzu net bir şekilde görmenizi sağlar.
Insert Row Active: Switch’i aktif hale getirdiğinizde, tabloda Inline Grid özelliği aktifken yeni bir satır ekler ve bu satır aracılığıyla veri girişi yapmanızı sağlar.
Insert Row Position: Inline Grid özelliği aktifken yeni eklenen ve veri girişi yapılan satırın, tabloda nereye ekleneceğini belirler.
No Data Found Image : 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.
