Aggregations Row
Aggregations Row, Ops Table bileşeninde tablo sütunları için toplama işlemleri sonuçlarını görüntülemek üzere tasarlanmış bir bileşendir. Kullanıcılar, belirli sütunlarda uygulanan toplam, ortalama, maksimum ve diğer toplama sonuçlarını bu satırda görebilirler.
Ne İşe Yarar?
Aggregations Row:
- Tablonun alt kısmında toplama sonuçlarını görüntüler.
- Sütunlara özgü toplama işlemlerinin sonuçlarını dinamik olarak hesaplar ve gösterir.
İş Mantığı
- Toplama Verilerinin İşlenmesi:
useTableAggregations
hook'u ile mevcut toplama sonuçları alınır.- Her sütunun meta verisine (
columnMeta
) göre ilgili toplama türü ve sonucu belirlenir.
- Görünürlük Kontrolü:
table.getState().columnVisibility
ile sütunların görünürlük durumu kontrol edilir.- Sadece görünür sütunlar için toplama sonuçları gösterilir.
- Formatlama:
- Toplama sonuçları,
getAggregationTypeString
ile toplama türüne uygun bir şekilde etiketlenir (örneğin, "AVG", "SUM"). - Sayısal değerler, sütun meta verilerindeki ondalık hassasiyetine göre formatlanır.
- Toplama sonuçları,
Aldığı Propslar
IBaseTableProps
arayüzünden alınan propslar şunlardır:
Prop | Tipi | Açıklama |
---|---|---|
table | Table<unknown> | Tablonun genel durumunu ve modellerini içerir. |
Yönetilen Olaylar
-
Toplama İşlemleri:
- Kullanıcı toplama işlemi tanımladığında veya bir sütun için toplama türü seçtiğinde,
useTableAggregations
hook'u toplama sonuçlarını günceller. - Güncellenen sonuçlar,
aggregations
değişkeni üzerinden tabloya yansıtılır.
- Kullanıcı toplama işlemi tanımladığında veya bir sütun için toplama türü seçtiğinde,
-
Sütun Görünürlüğü:
- Eğer bir sütun görünürlüğü kapalıysa, o sütun için toplama sonuçları görüntülenmez.
-
Veri Formatlama:
- Sayısal değerler, sütun meta verilerindeki
decimalPrecision
bilgisine göre yuvarlan ır veya formatlanır. - Toplama türü,
getAggregationTypeString
fonksiyonu ile kullanıcı dostu bir şekilde etiketlenir.
- Sayısal değerler, sütun meta verilerindeki
İlgili Bileşenler
- OpsTable: Toplama satırlarının yer aldığı ana tablo bileşeni.
- AggregationPopover: Kullanıcının toplama işlemlerini yapılandırmasını sağlar.
Burada Yapılan Ana İşlemler
Aggregations Row bileşeninde aşağıdaki işlemler anahtar rol oynar ve bu olaylara müdahale etmek için ilgili bölümlere odaklanabilirsiniz:
- Toplama Sonuçlarının Gösterimi: Mevcut toplama işlemleri
aggregations
değişkeni üzerinden alınır ve uygun sütunlarda gösterilir. - Sütun Görünürlüğü Kontrolü: Görünmez sütunlar için toplama sonuçları render edilmez.
- Veri Formatlama: Toplama sonuçları, sütun meta verilerindeki ondalık hassasiyet ve toplama türü bilgisine göre kullanıcı dostu bir şekilde gösterilir.
Örnek Kullanım
import React from "react";
import AggregationsRow from "./AggregationsRow";
export default function ExampleAggregationsRow({ table }) {
return <AggregationsRow table={table} />;
}