[!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.

    API References