LivaDataGrid

DevExtreme DataGrid üzerine kurulu, tam donanımlı veri tablosu bileşeni. Sayfalama, filtreleme, arama, seçim, satır içi düzenleme ve dışa aktarma gibi özellikler hazır prop'larla açılıp kapatılır. Veri kaynağı olarak yerel bir dizi veya ASP.NET uzak veri kaynağı tanımı kullanılabilir.

import { LivaDataGrid, type LivaDataGridColumn } from "@dataliva/livalib";

Temel kullanım

columns ve keyExpr zorunludur; dataSource düz bir dizi olabilir. Kolonlar LivaDataGridColumn tipindedir ve en sık dataField, caption, dataType, format ile alignment alanları kullanılır. showPager sayfalayıcıyı açar, pagingDefaultPageSize ve pagingAllowedPageSizes sayfa boyutunu yönetir.

type Personel = { id: number; adSoyad: string; sehir: string; gorev: string; maas: number };

const personeller: Personel[] = [
  { id: 1, adSoyad: "Ayşe Yılmaz", sehir: "İstanbul", gorev: "Yönetici", maas: 82000 },
  // ...
];

const kolonlar: LivaDataGridColumn[] = [
  { dataField: "adSoyad", caption: "Ad Soyad" },
  { dataField: "sehir", caption: "Şehir" },
  { dataField: "gorev", caption: "Görev" },
  { dataField: "maas", caption: "Maaş", dataType: "number", format: "#,##0 ₺", alignment: "right" },
];

Filtreleme ve arama

showFilterRow kolon altına filtre satırı, showHeaderFilter kolon başlığına değer listesi, showSearchPanel ise tablo genelinde arama kutusu ekler. rowAlternationEnabled satırları dönüşümlü renklendirerek okunabilirliği artırır.

Temel ve veri

Görünüm ve düzen

Seçim, kaydırma ve sayfalama

Not: scrollingMode varsayılanı 'infinite' olduğundan sayfalayıcı (showPager) ve sayfa boyutu ayarları etkisiz kalır — infinite/virtual kaydırmada tüm satırlar kaydırılarak yüklenir. Klasik sayfalayıcıyı görmek için scrollingMode="standard" verin.

Filtreleme ve arama

Düzenleme (CRUD)

Araç çubuğu ve dışa/içe aktarma

Master-detail

Ay (month) araçları

Olay geri çağrıları

Kolon tipi — LivaDataGridColumn

DevExtreme IColumnProps alanlarına ek olarak (dataField, caption, dataType, format, width, visible, cellRender vb.) aşağıdaki Liva'ya özgü alanları destekler:

Yardımcı tipler

• LivaDataGridDataSourceTypes — ASP.NET uzak veri kaynağı seçenekleri; AspNetData.Options alanlarına ek olarak token?, customizeLoadParams? ve errorHandler? içerir.
• LivaDataGridExportOptions — { enabled?, actions?, fileName? }; actions değeri 'excelAll' \| 'excelSelected' \| 'csv' \| 'pdf' dizisidir.
• LivaDataGridImportExportSettings — özel içe/dışa aktarma kancaları: onImportExcel?, onExportExcel?, onDownloadTemplate?, onImportSettings?, onExportSettings?.
• LivaMonthAdjustOptions — ay sütunları için kümülatif / değer artırma aracı: monthFields, totalField, summaryFields, onApply.