Hoppa till innehållet
DATA · COMPLETE

DataGrid

Ett rutnät för de tabeller som dina användare lever i: sortera, filtrera, gruppera, redigera och exportera.

Ett rutnät för de tabeller som dina användare lever i. Sortera efter flera kolumner, filtrera efter inskrivna villkor eller värdelistor, gruppera, sidindela, redigera rader och celler med validering och exportera. Med en dataleverantör arbetar det mot en server, så mycket stora tabeller förblir snabba.

Varför det hjälper

  • Sortering, filtrering och gruppering
  • Redigering av rader och celler med validering och ångra
  • Serverdata och export till CSV, JSON och Excel

Var det passar

  • Backoffice-listor med tusentals rader
  • Redigerbara prislistor och lager
  • Rapporter som dina användare själva filtrerar och exporterar
Kontrollen DataGrid på en RayCraft-sida

Exempel

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

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Del av RayCraft Complete.

Alla kontroller ยท Dokumentation