[!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.
Blazor Visão geral da movimentação da coluna de grade
A Grade de Dados do Ignite UI for Blazor oferece suporte à capacidade de mover colunas, dando a você a flexibilidade sobre como deseja exibir suas colunas em relação à ordem das colunas mostradas.
Blazor Grid Column Moving Example
A movimentação de colunas na grade de dados Ignite UI for Blazor está ativada por padrão e pode ser controlada definindo a ColumnMovingMode propriedade da grade. Esta propriedade tem duas opções,ou Deferred None. Deferred permitirá a movimentação da coluna, enquanto None desativará a movimentação da coluna para toda a grade.
Quando a movimentação da coluna estiver definida como Deferred, um separador aparecerá ao mover uma coluna. Ao mover uma coluna, uma vez que o ponteiro do mouse é liberado, a coluna movida tomará o lugar da coluna colocada à direita do separador. Esse separador também pode ser personalizado em largura e cor usando as ColumnMovingSeparatorWidth propriedades e ColumnMovingSeparatorBackground, respectivamente.
Você também pode animar os movimentos da coluna, se desejar. Isso pode ser feito definindo a ColumnMovingAnimationMode propriedade da grade. As animações não estão ativadas por padrão.
Code Snippet
O seguinte demonstra como implementar a movimentação de colunas na Grade de Dados do Ignite UI for Blazor com movimentação de colunas adiadas, animações habilitadas e um separador de largura de 5px:
<IgbDataGrid Height="100%" Width="100%"
DataSource="DataSource"
ColumnMovingMode="ColumnMovingMode.Deferred"
ColumnMovingAnimationMode="ColumnMovingAnimationMode.SlideOver"
ColumnMovingSeparatorWidth="5" />