Table
Aynı veri tipinin tekrarlı olarak gösterilmesini sağlayabilirsiniz. Tekrarlı veriyi liste halinde gösterilmesi için Table elementini kullanabilirsiniz.
Tablo Ekleme
Elements panelinden Table elementini ekrana sürükle bırak ile ekleyebilirsiniz. Eğer ekranda boş bir alana sürüklerseniz Row elementi ile eklenir. Bir Column içine sürüklerseniz sadece Table elementi eklemiş olursunuz.
Table, web ve mobil uygulamaları desteklemektedir.
Header, Footer, Content Menu, Gallery View, Flex Grid, Carausel, Horizontal Grid, Pagination elementlerini Data repater elementi olan table elementinde Child element olarak kullanamazsınız.
Table elementi içerisine Panel elementi child element olarak eklenebildiğinden dolayı arkaplanın dinamik olarak değişimini sağlayabilirsiniz. Bu doğrultuda arkaplana dinamik renk ve/veya görüntü ekleyebilirsiniz.
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 ve başlıkların düzenlendiği ve başlıkların tanımlandığı alandır.
Column titles
Table elementinde sütun başlıklarını temsil eder.
Hide On Mobile Resolution
Mobil cihazlarda gizlemek veya değiştirmek için kullanılan bir özelliktir.
Text Direction
Metin yönünü belirler.
Rotate up (yukarı döndür):
Text'in dikey bir şekilde aşağıdan yukarıya doğru dönmesini sağlar.
Rotate down (aşağı döndür):
Text'in dikey bir şekilde yukarıdan aşağıya doğru dönmesini sağlar.
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.
Writing Mode
Table elementinin Header'inin Properties panelinde bulunan Writing Mode aracılığıyla Table Header'ınızda bulunan başlıklarınızın yatay veya dikey olarak hizalanmasını ayarlayabilirsin
No Data Found Message
Veri tablosunda veri olmadığında gösterilecek boş durum mesajını düzenleyebilirsiniz.
Pagination
Table elementine tanımlanan veri tablosunda veriler listelenirken sayfalama eklenebilir.
Hide Table On Empty
Table elementine bağlanan veri tablosunun boş olduğu durumlarda tablosunun gizlenmesini sağlayabilirsiniz.
Table Row
Tablo içindeki satırları temsil eder ve veri tablosundaki veri adedine göre otomatik çoğalır. Ancak bu Row için en az 1 olmak üzere birçok kolon ekleyebilirsiniz. Eklenen kolonların sıralamasını değiştirebilir, başlık metinlerini düzenleyebilirsiniz.
Hover Font Color
Cursor satır üzerine geldiğinde fontun renginin değişmesini sağlayabilirsiniz.
Hover Background Color
Cursor satır üzerine geldiğinde satır arka plan renginin değişmesini sağlayabilirsiniz. Detaylı bilgi için tıklayınız.
Dynamic Background Color
Satırın bir veri tablosundaki değere göre arka plan renginin dinamik olarak değişmesini sağlayabilirsiniz. Örneğin, öğrenci listesinde 12 yaş altındakilerin satırının kırmızı, 12 yaş üstündekilerin yeşil olmasını sağlayabilirsiniz.
Table Column
Tablo Row ile eklenen kolonlar üzerinde düzenlemeler yapabilirsiniz. İlgili kolonun kaldırılması, sıralamasının değiştirilmesi gibi işlemleri yapabilirsiniz.
Title
İlgili kolon başlığını ekleyebilirsiniz. Statik bir değer olabileceği gibi Symbol Picker aracılığıyla dinamik bir değer de eklenebilir.
Sorter
Kolondaki verilerin sıralamasını aktif hale getirebilirsiniz.
Sort Order
Sıralamanın küçükten büyüğe veya büyükten küçüğe olacak şekilde sıralama kuralı verebilirsiniz.
Special Sorting Format
Tarih/Saat değerine sahip kolonların sıralama formatını belirleyebilirsiniz.
Authorization (Yetkilendirme)
Table elementi için yetkilendirme seçeneklerini kullanabilirsiniz.
Visibility (Görünürlük)
Elementin görünürlüğünü yönetebilirsiniz. Her zaman görünür, gizlenir veya bir koşula bağlı olarak görünüp gizlenmesini sağlayabilirsiniz.
Table elementine ekleyebileceğiniz aksiyonları Add Actions ile ekleyebilirsiniz.
Table elementine layout (düzen),text (metin), fill (dolgu), border (kenarlık) veya shadow (gölge) ekleyerek ek düzenlemeler yapabilirsiniz.
Çevresel iç boşluklar ve boyutlandırma gibi görsel düzenlemeleri yapabilirsiniz.
Table yazısı ve ikonuna ait renk ve boyut gibi özellikleri text (metin) bölümü ile ayarlayabilirsiniz.
Table gövdesine renk veya görsel ekleyebilirsiniz.
Table'in dış kenarlarına çizgi ekleyebilir, radius (köşe eğimleri) verebilirsiniz.
Table elementine gölge efekti ekleyebilirsiniz.
Last updated