[!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 da filtragem de grade do Web Components
A Tabela de Dados/Grade de Dados do Ignite UI for Web Components inclui filtragem de coluna com uma linha de filtro e uma API que oferece a capacidade de executar condições de classificação expressivas com base no tipo de dados da coluna que está sendo filtrada.
Web Components Grid Filtering Example
Conforme visto acima, definir a propriedade filterUIType
como FilterRow habilitará a filtragem de registros para a interface do usuário, onde o usuário pode especificar critérios de filtro para filtrar registros. Registros que não correspondem aos critérios de filtro especificados serão ocultados.
A filtragem também é exposta na UI de opções de coluna ao passar o mouse sobre um campo e clicar nas reticências verticais. Isso é obtido ao definir o filterUIType
como ColumnOptions. Consulte o exemplo abaixo.
Filter Expressions
No exemplo abaixo, a coleção FilterExpressions da grade de dados é atualizada para incorporar filterExpressions
personalizadas.
Filter Operators
As colunas podem receber um personalizado IgcFilterOperand
que aparecerá na lista suspensa de operandos de linha de filtro. Os principais requisitos são garantir que o operando receba um displayName
e utilizar o FilterRequested
evento no operando para que você possa aplicar a filterFactory
, que é responsável por atribuir o operador e o valor desejado ao filtro da coluna, por exemplo, StartsWith com o valor de "A".
Além disso, a propriedade filterLogicalOperator
da grade é responsável por indicar como os filtros entre campos são combinados:
And
operador lógico. Para que haja uma correspondência bem-sucedida, todas as condições precisam passar.Or
operador lógico. Para que haja uma correspondência bem-sucedida, pelo menos uma das condições precisa passar.