DevExtreme React Data Grid

DevExpressControles de GradeJavaScript

Um componente React rico em recursos para exibições de data grid.

  • Oferece suporte a operações complexas de dados, como ordenação, agrupamento e filtragem.
  • Disponibiliza vários recursos de interação, incluindo paginação e painéis de pesquisa.
  • Colunas e células altamente personalizáveis, com opções de renderização personalizada.
DevExpress logo

Preços a partir de:

Carregando...
Disponível em
DevExtreme CompleteCarregando
DevExpress DXperienceCarregando
DevExpress UniversalCarregando
DevExpress VCL Subscription +Carregando
Precisa de ajuda para escolher? Veja Como comprar e a especificação
imagem do produto DevExtreme React Data Grid
O DevExtreme React Data Grid é um componente de interface robusto que permite aos desenvolvedores exibir e gerenciar conjuntos de dados tabulares com eficiência em aplicações React. Ele oferece suporte a uma ampla gama de operações de dados, como ordenação, agrupamento e filtragem, além de recursos interativos, incluindo paginação e pesquisa. O grid também permite ampla personalização de colunas e células para atender a requisitos específicos da aplicação.

Vinculação e gerenciamento de dados

Faz a vinculação a fontes de dados locais e remotas, oferecendo suporte ao carregamento de dados sob demanda e ao gerenciamento eficiente de grandes conjuntos de dados.

Ordenação e agrupamento

Permite que os usuários classifiquem os dados por várias colunas e agrupem registros por colunas, com opções para controlar a expansão dos grupos e o comportamento da ordenação.

Filtragem e pesquisa

Integra recursos abrangentes de filtragem, incluindo linhas de filtro, filtros de cabeçalho e painéis de pesquisa com realces sensíveis a maiúsculas e minúsculas.

Paginação e navegação

Inclui um componente de paginação flexível com suporte a vários tamanhos de página e navegação entre páginas, com gerenciamento de foco fluido e suporte à navegação por teclado.

Personalização de colunas

Permite que os desenvolvedores definam colunas explicitamente com amplas opções de configuração, como alinhamento, formatação, permissões de filtragem e recursos de agrupamento.

Renderização personalizada de células

Oferece suporte a modelos personalizados de células e funções de renderização, permitindo uma exibição de dados sob medida, incluindo componentes visuais dentro das células do grid.

Interface mestre-detalhe

Facilita a visualização de relacionamentos complexos entre dados por meio de layouts mestre-detalhe com linhas expansíveis para informações detalhadas.

Edição e validação

Oferece recursos de edição com editores personalizáveis, incluindo edição inline e regras de validação para garantir a integridade dos dados.

Capacidades de exportação

Oferece suporte à exportação dos dados do grid no lado do cliente, com opções para exportar colunas visíveis e personalizar os formatos de exportação.

Eventos e acesso à API

Fornece um conjunto abrangente de eventos e métodos para lidar com interações do usuário e manipular o comportamento do grid em tempo de execução.

Compatibilidade do produto

Revise os detalhes abaixo para garantir que este produto seja compatível com o seu ambiente.

Tipo de componente

  • JavaScript

Plataforma JavaScript

  • React