[!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.
Descripción general de las opciones de columna Blazor Grid
La Ignite UI for Blazor Data Grid admite la capacidad de agrupar, ocultar, ordenar, mover, anclar, filtrar y ordenar columnas directamente desde una interfaz de usuario expuesta en cada encabezado de columna.
Para habilitar la interfaz de usuario de opciones de columna, puede establecer la propiedad IsColumnOptionsEnabled
de la cuadrícula en verdadero.
Blazor Grid Column Options Example
Column Options Configurations
El filtrado se puede alternar por columna configurando la propiedad IsFilteringEnabled
de la columna. Establecer verdadero o falso mostrará u ocultará la sección de filtrado en la interfaz de usuario de opciones de la columna.
La clasificación se puede alternar para toda la cuadrícula si se aplica la propiedad HeaderClickAction
. Establecer esto en None
, por ejemplo, eliminará por completo la clasificación de la cuadrícula y se reflejará en las opciones de la interfaz de usuario para cada columna. Y configurar SortByOneColumnOnly
por ejemplo, seguirá permitiendo ordenar una columna a la vez.
Code Snippet
El siguiente código demuestra cómo habilitar mediante programación las opciones de columna de la interfaz de usuario y ajustar el filtrado y la clasificación en las opciones de columna de la interfaz de usuario ajustando la cuadrícula y la columna.
<IgbDataGrid Height="100%" Width="100%"
DataSource="DataSource"
HeaderClickAction="HeaderClickAction.SortByOneColumnOnly"
IsColumnOptionsEnabled="true">
<IgbTextColumn Field="ID" IsFilteringEnabled="false" />
</IgbDataGrid>
API References
HeaderClickAction
IsColumnOptionsEnabled
IsFilteringEnabled
SortByOneColumnOnly