Ir para o conteúdo
DADOS · COMPLETE

DataGrid

Uma grade para as tabelas em que seus usuários vivem: ordenar, filtrar, agrupar, editar e exportar.

Uma grade para as tabelas em que seus usuários vivem. Ordene por várias colunas, filtre por condições digitadas ou listas de valores, agrupe, pagine, edite linhas e células com validação e exporte. Com um provedor de dados, trabalha contra um servidor, então tabelas muito grandes continuam rápidas.

Por que ajuda

  • Ordenar, filtrar e agrupar
  • Edição de linhas e células com validação e desfazer
  • Dados do servidor e exportação para CSV, JSON e Excel

Onde se encaixa

  • Listas de back-office com milhares de linhas
  • Listas de preços e estoques editáveis
  • Relatórios que seus usuários filtram e exportam sozinhos
O controle DataGrid em uma página do RayCraft

Exemplo

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

Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.

Faz parte do RayCraft Complete.

Todos os controles ยท Documentação