LivaDocs

LivaPivotGrid

DevExtreme PivotGrid üzerine kurulu özet tablo bileşeni. Düz bir veri dizisini fields tanımındaki satır, sütun ve veri alanlarına göre gruplayıp özetler; alan seçici, sıralama, filtreleme ve isteğe bağlı grafik görünümü sunar.

import { LivaPivotGrid } from "@dataliva/livalib";

Temel pivot

dataSource düz bir dizi olabilir. fields dizisindeki her öğe bir pivot alanıdır: dataField veri alanını, area alanın yerleşimini ('row', 'column', 'data'), summaryType ise özetleme biçimini (ör. sum) belirler. Aşağıdaki örnek bölge satırları ile ürün sütunlarının kesişiminde tutar toplamlarını gösterir; veri alanı tanımlanmayan ceyrek kolonu otomatik olarak toplanır.

type Satis = { bolge: string; urun: string; ceyrek: string; tutar: number };

const satislar: Satis[] = [
  { bolge: "Marmara", urun: "Klima", ceyrek: "Ç1", tutar: 185000 },
  { bolge: "Ege", urun: "Klima", ceyrek: "Ç1", tutar: 210000 },
  // ...
];

const alanlar = [
  { caption: "Bölge", dataField: "bolge", area: "row" },
  { caption: "Ürün", dataField: "urun", area: "column" },
  { caption: "Tutar", dataField: "tutar", dataType: "number", summaryType: "sum", format: "#,##0", area: "data" },
];
Temel pivot (bölge × ürün)
Önizleme yükleniyor…

Çeyrek kırılımı ve alan seçici

Aynı area değerine sahip birden fazla alan iç içe kırılım oluşturur; burada bölge satırları çeyrek bazında detaylanır. rowHeaderLayout="tree" satır başlıklarını tek hiyerarşi sütununda kompakt gösterir. fieldChooserEnabled alan başlıklarına tıklandığında alan seçiciyi açar; allowSorting ve allowFiltering başlıklar üzerinden sıralama ve filtrelemeyi etkinleştirir.

Çeyrek kırılımı ve alan seçici
Önizleme yükleniyor…