Ignite UI Logotipo para aplicativos Web de desenvolvedor

    The Fastest Blazor Grid

    Ignite UI for Blazor fornece uma biblioteca completa de componentes de interface do usuário baseados em material nativo de Blazor, incluindo a grade de dados de Blazor virtualizada mais rápida do mundo.

    Blazor Grid Example

    Neste exemplo de grade Blazor, você pode ver como os usuários podem personalizar sua visualização de dados aproveitando os vários recursos integrados à grade, como pesquisa e filtragem de dados, classificação de colunas, redimensionamento, fixação e ocultação, seleção de linhas, exportação para excel e csv, rolagem horizontal e vertical. Fornecemos exemplos de modelos de células que incluem componentes como indicador de barra de progresso linear e minigráfico. Veja mais recursos aqui.

    What is a Blazor Grid?

    A grade de dados Blazor é um componente usado para exibir dados tabulares em uma série de linhas e colunas. As grades de dados, também conhecidas como tabelas, são bem conhecidas no mundo dos desktops com softwares populares como o Microsoft Excel. Embora as grades estejam disponíveis em plataformas de desktop há muito tempo, elas recentemente se tornaram parte das interfaces do usuário do aplicativo Web, como Blazor interface do usuário. As grades modernas podem ser complexas e podem incluir uma variedade de funcionalidades, incluindo vinculação de dados, edição, filtragem semelhante ao Excel, classificação personalizada, agrupamento, reordenação de linhas, congelamento de linhas e colunas, agregação de linhas e exportação para os formatos Excel, CSV e pdf.

    Why Use a Blazor Grid?

    Blazor grades de dados são essenciais em casos de uso em que muitos dados devem ser armazenados e classificados rapidamente. Isso pode incluir setores como financeiro ou de seguros, que usam dados de alto volume e alta velocidade com frequência. Muitas vezes, o sucesso dessas empresas depende da funcionalidade e do desempenho dessas grades de dados. Quando as decisões de ações precisam ser tomadas em microssegundos, por exemplo, é imperativo que a grade de dados funcione sem tempo de atraso ou cintilação.

    Key Features

    O Ignite UI for Blazor Data Grid não é apenas para dados de alto volume e em tempo real. É uma grade de Blazor rica em recursos que oferece recursos que você nunca seria capaz de realizar com tão pouco código por conta própria.

    Aqui estão alguns dos principais recursos da grade de dados:

    • [**Linhas e colunas virtualizadas**](grid/virtualization.md) para que você possa carregar milhões de registros
    • [**Edição em linha**](grid/editing.md) com [**Cell**](grid/cell-editing.md) e [**Row**](grid/row-editing.md) Opções de atualização
    • [**Filtragem no estilo Excel**](grid/excel-style-filtering.md) e capacidade completa de [**Navegação pelo teclado do Excel**](grid/keyboard-navigation.md)
    • Interativo [**Agrupamento no estilo do Outlook**](grid/groupby.md)
    • [**Resumos das colunas**](grid/summaries.md) com base em quaisquer dados em uma célula ou coluna de grade
    • [**Tamanho**](grid/size.md) para ajustar a altura e o tamanho das linhas

    Data Virtualization and Performance

    Percorra linhas e colunas ilimitadas em sua grade de Blazor, com a virtualização em nível de coluna e linha da grade de dados. Com suporte para fontes de dados locais ou remotas, você obtém o melhor desempenho, não importa onde seus dados estejam. Seus usuários experimentarão a rolagem semelhante ao Excel, com velocidade empresarial - sem atraso, cintilação da tela ou atraso visual - proporcionando a melhor experiência do usuário (UX) sem comprometer o desempenho.


    Rápido e fácil de personalizar, construir e implementar

    O Ignite UI Blazor Data Grid pode lidar com linhas e colunas de dados ilimitadas, ao mesmo tempo em que fornece acesso a modelos personalizados e atualizações de dados em tempo real. Apresentando uma API intuitiva para facilitar a criação de temas e marcas, você pode vincular rapidamente aos dados com o mínimo de código.


    Blazor Grid Paging, Sorting, Filtering, & Searching

    Animação dos recursos de filtragem no Blazor Data Grid

    Permita que os usuários naveguem em seu conjunto de dados com nosso [pager](grid/paging.md) padrão ou crie seu próprio modelo para fornecer sua própria experiência de paginação. Com suporte completo para classificação de uma ou várias colunas, texto completo [search](grid/search.md) na grade e várias opções de [filtragem avançada](grid/advanced-filtering.md), incluindo [Filtragem no estilo do Microsoft Excel] baseada em tipo de dados (grid/excel-style-filtering.md).

    Inline Blazor Grid Editing

    Animação dos recursos de filtragem no Blazor Data Grid

    Fornecemos a você [modelos de célula para colunas editáveis](data-grid.md#cell-editing-template) padrão que são baseados no tipo de dados da coluna. Você pode definir seus próprios modelos personalizados para colunas editáveis e substituir o comportamento padrão para confirmar e descartar alterações no valor da célula.

    Keyboard Navigation & Row/Cell Selection

    Animação da funcionalidade de navegação por teclado no Blazor Data Grid

    Garanta a conformidade de acessibilidade e melhore a usabilidade, habilitando [navegação por teclado](grid/keyboard-navigation.md) semelhante ao Excel na grade de dados Blazor, usando as teclas para cima, para baixo, para a direita, para a esquerda, tab e Enter. Você pode alternar a seleção de uma ou várias linhas na grade Blazor usando o mouse ou o teclado para selecionar ou desmarcar linhas completas ou usar a caixa de seleção integrada selecionar tudo/desmarcar tudo na barra de ferramentas da grade para trabalhar com a seleção de linhas. Saiba mais sobre nossos aprimoramentos mais recentes para esse recurso.

    Blazor Grid Accessibility & ARIA Support

    Representação de ícones para suporte ARIA no componente Angular Data Grid

    Cada um de nossos componentes Blazor em Ignite UI for Blazor foi implementado de acordo com as diretrizes e especificações de acessibilidade mais recentes. Nossos componentes Blazor foram testados usando a tecnologia de acessibilidade fornecida pelo sistema operacional ou navegador - leitores de tela. Nossa equipe garante não apenas que as diretrizes sejam implementadas, mas também que o conteúdo real entregue a pessoas com deficiência visual ou cegas seja realmente consumível e fácil de usar para elas. A grade de dados Ignite UI for Blazor é totalmente acessível com acessibilidade de teclado a11y, ARIA e paleta de cores acessível. Saiba mais.

    Column Grouping, Pinning, Summaries

    Grade de dados com recursos de agrupamento, fixação e resumo de colunas ativados para Blazor componente Grade de Dados

    Agrupe colunas ou grupos de colunas predefinidos por meio de interação do mouse, toque ou nossa API, com suporte para coluna integrada [resumos] (grid/summaries.md) ou modelos de resumo personalizados. Permita que os usuários [ocultam](grid/column-hiding.md) ou [movam colunas](grid/column-moving.md) interativamente, com suporte total para [fixação de coluna](grid/column-pinning.md) interativamente, durante operações de movimentação, arrastar e reordenar.

    Cabeçalhos de várias colunas

    Grade de dados com o recurso Cabeçalhos de várias colunas ativado no componente Grade de dados do Blazor

    Habilite [cabeçalhos de várias colunas](grid/multi-column-headers.md), permitindo agrupar colunas em um cabeçalho comum. Cada grupo de colunas pode ser uma representação de combinações entre outros grupos ou colunas, com suporte total para fixação de colunas, movimentação interativa de colunas dentro de grupos, classificação e ocultação de grupos.

    Blazor Grid Features

    • [Inline Editing](grid/editing.md)
    • [Filtragem de linha e coluna](grade/filtragem.md)
    • [Grid Sorting](grid/sorting.md)
    • [Agrupamento de colunas](grade/groupby.md)
    • [Column Summaries](grid/summaries.md)
    • [Colunas fixas/fixadas](grade/coluna-fixação.md)
    • [Coluna em movimento](grade/coluna-movendo.md)
    • [Estilo de célula](grade/estilo de célula condicional.md)
    • [Paginação em grade](grade/paginação.md)
    • [Seleção de linha](grade/seleção.md)
    • [Seleção de célula](grade/seleção-de-célula.md)
    • [Pesquisa em nível de grade](grade/search.md)
    • [Multi-Column Headers](grid/multi-column-headers.md)
    • [Virtualization and Performance](grid/virtualization.md)
    • [Colunas redimensionáveis](grade/redimensionamento de colunas.md)
    • [Column Hiding](grid/column-hiding.md)

    Baixe o Blazor Grid mais rápido hoje!

    Faça o download agora
    30 dias de teste gratuito. Não é necessário cartão de crédito.

    Ignite UI for Blazor Supported Browsers

    O Blazor Data Grid é compatível com todos os navegadores da Web modernos, incluindo:
    • Cromar
    • Borda / Borda Chromium
    • Raposa de fogo
    • Safári
    • Internet Explorer 11 com polyfills

    Ignite UI for Blazor Support Options

    Existem várias opções para obter acesso ao nosso premiado suporte em Infragistics para o produto Blazor.
    • Comece na página inicial do Blazor Suporte
    • Leia o Blazor [Documentação](.. /general-getting-started.md) e experimentam Blazor Samples
    • Leia os Blazor Blogs para se manter atualizado
    • Enviar um caso de suporte
    • Aprenda com os aplicativos de referência Blazor

    Ignite UI for Blazor Trial License and Commercial

    Ignite UI for Blazor é um produto licenciado comercialmente disponível por meio de um modelo de assinatura. Você pode experimentar o produto Ignite UI for Blazor gratuitamente ao se registrar para uma avaliação de 30 dias. Quando terminar o período de avaliação, você poderá comprar uma licença em nosso site ou ligando para a equipe de vendas em sua região.

    Frequently Asked Questions

    Por que devo escolher o Infragistics Ignite UI for Blazor Data Grid?
    • [Linhas e colunas virtualizadas](grid/virtualization.md) para que você possa carregar milhões de registros
    • [Filtragem no estilo Excel](grid/excel-style-filtering.md) e capacidade completa de [Navegação pelo Teclado do Excel](grid/keyboard-navigation.md)
    • Interativo [Agrupamento no estilo do Outlook](grid/groupby.md)
    • [Resumos das colunas](grid/summaries.md) com base em quaisquer dados em uma célula ou coluna de grade
    • [Tamanho](grid/size.md) para ajustar a altura e o tamanho das linhas
    Qual é o preço do Infragistics Ignite UI for Blazor Data Grid?
    Nossos componentes Blazor estão incluídos como parte de nosso pacote Ignite UI. Uma única licença de desenvolvedor começa em US$ 1.295 para uma assinatura de um ano, incluindo um ano de suporte e atualizações padrão. Também oferecemos descontos para licenças de vários anos. Consulte nossa página de preços para obter mais informações sobre preços.
    Se você estiver desenvolvendo aplicativos em várias plataformas, considere nosso pacote completo de desenvolvimento de aplicativos, Infragistics Ultimate, que inclui plataformas de desktop como WPF e Windows Forms, além de todos os conjuntos de ferramentas da Web modernos para Blazor, Web Components, ASP.NET MVC e ASP.NET Core.
    Posso comprar o controle Infragistics Ignite UI for Blazor Data Grid separadamente?
    Não, você não pode comprar o Blazor Data Grid separadamente. Ele faz parte de um produto Ignite UI for Blazor, que inclui dezenas de controles e componentes de interface do usuário, além de mais de 60 gráficos, incluindo Blazor Gráficos Financeiros. Se você estiver interessado em outras plataformas da web modernas, como Angular, ASP.NET MVC, Web Components ou ASP.NET Blazor, confira nosso pacote de produtos Ignite UI, que oferece todas as plataformas da web por apenas US$ 100 a mais em sua assinatura. São centenas de controles, componentes e visualizações de dados por um preço muito baixo.
    How do I Install Blazor and the Infragistics Ignite UI for Blazor Data Grid control?
    Para começar a usar o Blazor Data Grid, siga as etapas no [guia de introdução](.. /general-getting-started.md). Também mantemos uma biblioteca de aplicativos de amostra, que são projetados não apenas para inspirar, mas também para serem guias de práticas recomendadas para Blazor desenvolvimento.