[!Note] Please note that this control has been deprecated and replaced with the Grid component, and as such, we recommend migrating to that control. This will not be receiving any new features, bug fixes will be deprioritized. For help or questions on migrating your codebase to the Data Grid, please contact support.

    Visão geral das opções de coluna da grade Blazor

    A Grade de Dados do Ignite UI for Blazor dá suporte à capacidade de agrupar, ocultar, classificar, mover, fixar, filtrar e classificar colunas diretamente de uma interface do usuário exposta em cada cabeçalho de coluna.

    Para habilitar a interface do usuário de opções de coluna, você pode definir a propriedade da IsColumnOptionsEnabled grade como true.

    Blazor Grid Column Options Example

    Column Options Configurations

    A filtragem pode ser alternada por coluna definindo a propriedade IsFilteringEnabled da coluna. Definir true ou false mostrará ou ocultará a seção de filtragem na interface de usuário de opções da coluna.

    A classificação pode ser alternada para toda a grade se a HeaderClickAction propriedade for aplicada. Definir isso como None, por exemplo, removerá completamente a classificação da grade e refletirá na interface do usuário de opções para cada coluna. E a configuração SortByOneColumnOnly, por exemplo, continuará a permitir que uma coluna seja classificada por vez.

    Code Snippet

    O código a seguir demonstra como habilitar programaticamente a interface de opções de coluna para ajustar a filtragem e a classificação na interface de opções de coluna ajustando a grade e a coluna.

    <IgbDataGrid Height="100%" Width="100%"
    DataSource="DataSource"
    HeaderClickAction="HeaderClickAction.SortByOneColumnOnly"
    IsColumnOptionsEnabled="true">
    <IgbTextColumn Field="ID" IsFilteringEnabled="false" />
</IgbDataGrid>

    API References