Aller au contenu
DONNÉES · COMPLETE

DataGrid

Une grille pour les tableaux dans lesquels vivent vos utilisateurs : tri, filtre, regroupement, édition et export.

Une grille pour les tableaux dans lesquels vivent vos utilisateurs. Triez par plusieurs colonnes, filtrez par conditions saisies ou listes de valeurs, groupez, paginez, modifiez lignes et cellules avec validation, et exportez. Avec un fournisseur de données, elle travaille contre un serveur, si bien que de très grands tableaux restent rapides.

Pourquoi c’est utile

  • Tri, filtre et regroupement
  • Édition de lignes et de cellules avec validation et annulation
  • Données serveur et export en CSV, JSON et Excel

Où il trouve sa place

  • Listes de back-office avec des milliers de lignes
  • Listes de prix et inventaires modifiables
  • Rapports que vos utilisateurs filtrent et exportent eux-mêmes
Le contrôle DataGrid dans une page RayCraft

Exemple

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

Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.

Fait partie de RayCraft Complete.

Tous les contrôles ยท Documentation