LivaDocsv1.0.112

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…

Araç çubuğu ve düzen saklama

stateStoringId bir LivaGridStateProvider altında verildiğinde adlandırılmış alan düzenleri ve harici araç çubuğu etkinleşir. toolbarPosition araçları sola veya sağa hizalar. fieldPanelToggleEnabled, üstteki sürüklenebilir alan paneli için göster/gizle düğmesi ekler. Alan şeması değiştiğinde stateVersion artırın. Provider ve sunucu sözleşmesi.