[!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 ativar a interface de opções de coluna, você pode definir a propriedade daIsColumnOptionsEnabled grade como true.

    Blazor Grid Column Options Example

    Column Options Configurations

    O filtragem pode ser ativado por coluna definindo a propriedade daIsFilteringEnabled coluna. Definir verdadeiro ou falso mostrará ou ocultará a seção de filtragem na interface de opções da coluna.

    Sorting can be toggled for the entire grid if the HeaderClickAction property is applied. Setting this to None for example will completely remove sorting from grid and reflect in the options ui for each column. And setting SortByOneColumnOnly for example will continue to allow one column to be sorted at a time.

    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