Zum Inhalt springen
DATEN · COMPLETE

DataGrid

Ein Raster für die Tabellen, in denen Ihre Benutzer leben: sortieren, filtern, gruppieren, bearbeiten und exportieren.

Ein Raster für die Tabellen, in denen Ihre Benutzer leben. Sortieren Sie nach mehreren Spalten, filtern Sie nach getippten Bedingungen oder Wertelisten, gruppieren, blättern, bearbeiten Sie Zeilen und Zellen mit Validierung und exportieren Sie. Mit einem Datenanbieter arbeitet es gegen einen Server, sodass sehr große Tabellen schnell bleiben.

Warum es hilft

  • Sortieren, Filtern und Gruppieren
  • Bearbeiten von Zeilen und Zellen mit Validierung und Rückgängig
  • Serverdaten und Export nach CSV, JSON und Excel

Wo es passt

  • Back-Office-Listen mit Tausenden Zeilen
  • Bearbeitbare Preislisten und Bestände
  • Berichte, die Ihre Benutzer selbst filtern und exportieren
Das Steuerelement DataGrid auf einer RayCraft-Seite

Beispiel

<DataGrid Items="SampleData.People" PageSize="6" Striped ValueFilters Label="People">
    <Columns>
        <DataGridColumn Title="Name" Value="@(p => p.Name)" />
        <DataGridColumn Title="Department" Value="@(p => p.Department)" />
        <DataGridColumn Title="Age" Value="@(p => p.Age)" Align="TextAlign.Right" Width="6rem" />
    </Columns>
</DataGrid>

Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.

Teil von RayCraft Complete.

Alle Steuerelemente ยท Dokumentation