Ana içeriğe geç
Version: 1.0.1

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ığı

  1. 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.
  2. 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.
  3. 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.

Aldığı Propslar

IBaseTableProps arayüzünden alınan propslar şunlardır:

PropTipiAçıklama
tableTable<unknown>Tablonun genel durumunu ve modellerini içerir.

Yönetilen Olaylar

  1. 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.
  2. 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.
  3. 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.

İ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} />;
}