Gå til indholdet
DATA · COMPLETE

DataGrid

Ét gitter til de tabeller, dine brugere lever i: sortér, filtrér, gruppér, redigér og eksportér.

Ét gitter til de tabeller, dine brugere lever i. Sortér efter flere kolonner, filtrér efter indtastede betingelser eller værdilister, gruppér, inddel i sider, redigér rækker og celler med validering og eksportér. Med en dataudbyder arbejder det mod en server, så meget store tabeller forbliver hurtige.

Hvorfor det hjælper

  • Sortering, filtrering og gruppering
  • Redigering af rækker og celler med validering og fortryd
  • Serverdata og eksport til CSV, JSON og Excel

Hvor det passer

  • Backoffice-lister med tusindvis af rækker
  • Redigerbare prislister og lagre
  • Rapporter, som dine brugere selv filtrerer og eksporterer
Kontrollen DataGrid på en RayCraft-side

Eksempel

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

Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.

Del af RayCraft Complete.

Alle kontroller ยท Dokumentation