DataTable

28 Ekim 2026

Eklendi

• İlk sürüm: DataTable, TanStack Table v9 üzerine kurulu; Table’ın parçalarını ve tableStyles’ı kullanır. createDataTableColumnHelper ve DataTable.ColumnToggle dışa aktarılır.
• Sıralama (sorting, defaultSorting, manualSorting): başlıkta buton, th üzerinde aria-sort, yön simgesi ve kibar canlı bölge duyurusu.
• Seçim (selectionMode, rowSelection): tümünü seç kutusu karışık durumla, satır kutuları getRowLabel ile adlandırılır.
• Sütun görünürlüğü ve sütun paneli (columnToggle).
• Yerleşik durumlar (status): yükleniyor (iskelet, aria-busy), boş, süzgece uymayan ve hata; onClearFilters, onRetry ve messages.
• rowActions, onRowOpen, footer, toolbar ve totalRowCount.
• virtualize: TanStack Virtual ile görünen satırlar, aria-rowcount ve aria-rowindex.
• ui.data-table.* kitaplık metinleri (TR ve EN).
• Sabit sütunlar: sütun tanımında meta.pin (start, end).
• Açılır satırlar: renderExpanded, getRowCanExpand, expanded, defaultExpanded, onExpandedChange; ui.data-table.expand ve ui.data-table.expand-column metinleri.

Değişti

• Table ile aynı üst bilgi ve satır yükseklikleri; sanallaştırmanın varsayılan satır yüksekliği 32, 40 ve 48 px.
• Sabit başlık hücreleri sayfa yüzeyi dolgusu alır, böylece kayan sütunlar altlarında görünmez; sabit sütun kenarı tablo çizgisi rengindedir (table-border).
• Aç/kapat düğmesinin odağı 2 px düz odak çizgisidir; açılan ayrıntı satırı surface-layer-1 üzerindedir.
• Sütun paneli ortak açılır yüzeyi kullanır (border-overlay, shadow-popup, 10 px köşe).