| Propriedade | Tipo | Descrição |
|---|---|---|
| t-actions | PoTableAction[] | Cria ações na tabela, seguir a mesma documentação a po-table no portal do PO-UI. |
| t-actions-filter | boolean | Exibe o botão de filtros (valor true como padrão). Exibe modal de filtros caso não exista o consumo do output t-custom-filter |
| t-actions-right | boolean | Caso true, coloca a coluna de ações à direita. |
| t-action-delete | boolean | Caso "true", cria o botão para deletar um item da tabela. |
| t-action-edit | Function | Exibe o botão de editar ao passar uma função, o ideal é chamar da seguinte forma, ex.:[t-action-edit]="myFunction.bind(this)" |
| t-action-excel | boolean | Caso "true", cria o botão para realizar o download da tabela no formato xlsx. |
| t-action-pdf | boolean | Caso "true", cria o botão para realizar o download da tabela no formato PDF. |
| t-auto-size | boolean | Caso "true", ajusta automaticamente a largura das colunas visíveis na grade. Importante ressaltar que o método autoFitColumns não é compatível com a funcionalidade virtualColumns. O ajuste automático das colunas será realizado durante a inicialização. É obrigatório que a propriedade t-resizable esteja habilitada. Apesar de atribuir largura as colunas da grid é importante ressaltar que o componente recalcula as larguras das demais colunas de acordo com os espaços disponíveis na grid, podendo alterar as dimensões passadas proporcionalmente. |
| t-columns | ThfGridColumn[] | Array para determinar o padrão das colunas. |
| t-custom-actions | PoDropdownAction[] | Array para adicionar ações customizadas. Essas ações serão exibidas no dropdown acima da tabela em conjunto com as ações de exportar (caso estejam ativas). |
| t-disabled-include-button | boolean | Permite desabilitar o botão de inclusão de novos itens no grid. Ao definir como true, o botão de inclusão será desabilitado. Ideal para cenários em que a inclusão de novas linhas deve ser restrita. Valor padrão: false. |
| t-draggable | boolean | Caso "true", habilita o Drag and Drop nas colunas. |
| t-edit-properties | ThfGridEditProperties | Propriedade para habilitar edição em linha |
| t-fields | PoPageDynamicSearchFilters[] | Array para informar os campos filtráveis. |
| t-filter-input-mode | service ou basic | Propriedade para definir o modo do filtro do input de pesquisa. Valor padrão é o basic. |
| t-grid-row-actions | ThfGridRowActions | Permite manipular o comportamento das ações de linha do grid, como edição, inclusão e remoção de itens. Ao passar essa propriedade, você pode definir funções específicas para editar, validar e controlar as ações antes e depois da edição, inclusão ou remoção de itens. Esta configuração é fundamental para implementar um fluxo de manipulação de dados totalmente customizado. |
| t-group | string[] | Lista com os nomes das propriedades que serão agrupadas por padrão |
| t-groupable | boolean | Caso "true", habilita a possibilidade de agrupar as linhas da coluna em conjuntos. |
| t-header-template | TemplateRef <void> | Container aberto para se adicionar entre o header de ações e a própria tabela, espera-se um TemplateRef |
| t-headline-fixed | boolean | Caso "true", o header ficará fixo em tabelas sem altura definida. |
| t-height | number ou string | Define a altura da tabela podendo passar um tipo númerico ou string no padrão "<número>%", por exemplo: "100%". Caso o valor não seja passado corretamente será aplicado um valor padrão de 100%, e se não for informado, a altura da tabela será adequada pela quantidade de itens. Caso informar porcentagem pode ser necessário adequar o valor de acordo com os demais componentes e espaçamentos definidos em tela. |
| t-hide-action-fixed-columns | boolean | Controla a visibilidade da funcionalidade de fixar colunas no gerenciador de colunas do thf-grid. Importante ressaltar que, se alguma coluna já estiver fixa quando essa propriedade for ativada, ela permanecerá fixa, indicando que a ação de ocultar as opções de fixação não afeta o estado atual das colunas previamente fixadas. |
| t-hide-columns-manager | boolean | Permite que o gerenciador de colunas, responsável pela definição de quais colunas serão exibidas, seja escondido. |
| t-hide-batch-actions | boolean | Propriedade com valor padrao false. Permite que as ações em lote, responsável por excluir e exibir a quantidade de itens, sejam escondidas. |
| t-hide-filter-input | boolean | Propriedade depreciada utilizar t-hide-table-search. Propriedade para esconder o filtro com Input. |
| t-hide-select-all | boolean | Esconde o checkbox para seleção de todas as linhas. |
| t-hide-table-search | boolean | Propriedade com valor padrao false. Permite que o campo de pesquisa seja escondido. |
| t-items | any[] | Lista de itens que serão exibidos na tabela. Cada item do array representa uma linha no grid e deve conter as propriedades que correspondem às colunas definidas no grid. |
| t-literals | THFGridLiterals | Define literais personalizadas para o componente thf-grid. |
| t-loading | boolean | Bloqueia a interação do usuário com os dados da grid. |
| t-load | string[] ou Function | Define dinamicamente as colunas e ações da grid após o carregamento inicial dos dados. Pode ser uma URL que retorna a configuração via GET ou uma função que retorna a configuração diretamente. Além disso, o t-load implementa a interface ThfGridOptions. |
| t-max-columns | number | Define uma quantidade máxima de colunas que serão exibidas na tabela. Quando chegar no valor informado, as colunas que não estiverem selecionadas ficarão desabilitadas e caso houver mais colunas visíveis do que o permitido, as excedentes serão ignoradas por ordem de posição. |
| t-max-resizable-width | number | Propriedade que define a largura máxima permitida para uma coluna ser redimensionada. |
| t-min-resizable-width | number | Propriedade que define a largura mínima permitida para uma coluna ser redimensionada. |
| t-options-paging | ThfGridOptionPaging[] | Funciona caso t-pageable seja true. Propriedade para definir as opções de itens por página. |
| t-pageable | boolean | Caso true, habilita o botão de 'Carregar mais' e a paginação na tabela. |
| t-param-delete-api | string | Define o parâmetro para a requisição de DELETE. Se t-service-delete-api estiver configurado e t-param-delete-api não for informado, será enviado key (definido ao usar ThfGridColumn) ou, na ausência, id. Caso t-service-delete-api não esteja definido, será utilizada a URL de t-service-api. |
| t-page-size | number | Propriedade para definir a quantidade de itens por página padrão. |
| t-page-size-virtual | number | Propriedade com o valor padrão de '60'. Propriedade para definir a quantidade de rows visíveis, é ideal que o valor seja pelo menos três vezes o número vísivel de itens na tabela para o correto funcionamento do virtual scroll. |
| t-resizable | boolean | Caso "true", habilita a possibilidade de aumentar ou diminuir o tamanho de cada coluna. Note que, se o usuário redimensionar as colunas de modo que a largura total das colunas seja menor que a largura do grid, o espaço restante na grade será preenchido com espaços em branco. Apesar de atribuir largura as colunas da grid é importante ressaltar que o componente recalcula as larguras das demais colunas de acordo com os espaços disponíveis na grid, podendo alterar as dimensões passadas proporcionalmente. |
| t-row-height | number | Determina a altura da linha quando utilizado com t-virtual-scroll. Está propriedade é apenas indicada quando utilizada uma column do tipo template(columnTemplate e cellTemplate) |
| t-selectable | boolean | Define se a tabela será selecionável, criando uma coluna com checkbox. |
| t-selectable-entire-line | boolean | Define se é possível selecionar um item da tabela clicando na linha. |
| t-service-api | string | Define a rota da API, para realizar o GET dos itens e popular a tabela.Para a exclusão é necessário que a API esteja preparada para receber uma ou mais keys concatenadas para identificação do registro. |
| t-service-delete-api | string | URL da API responsável por excluir o item. Ao selecionar o botão de excluir, essa URL será chamada, enviando o parâmetro definido na propriedade t-param-delete-api. Se configurado e t-param-delete-api não for informado, será enviado key (definido ao usar ThfGridColumn) ou, na ausência, id. Apenas um item pode ser excluído por vez. |
| t-show-densification-configuration | bloolean | Se verdadeiro permite ao usuário escolher a densidade da tabela entre o valor Padrão "medium" e o Compacto "small". |
| t-show-draggable-icon | boolean | Caso "true", exibe o ícone de draggable nas respectivas colunas. Valor padrão é false. |
| t-show-more-disabled | boolean | Se verdadeiro, torna o botão "Carregar mais resultados" desabilitado. |
| t-single-select | boolean | Define que somente uma linha da tabela pode ser selecionada. |
| t-sort | ThfGridColumnSort[] | Caso queira iniciar uma coluna com "sort" ascendente ou decrescente. |
| t-sortable | boolean | Caso "true", habilita a possibilidade de ordenar de forma crescente ou decrescente as linhas da tabela. |
| t-spacing | ThfColumnSpacing[] | Propriedade com o valor padrão 'medium'. Responsável por aplicar espaçamento nas colunas. Deve receber um dos valores do enum PoTableColumnSpacing. |
| t-striped | boolean | Habilita ou desabilita o estilo listrado da tabela (striped). |
| t-text-wrap | boolean | Habilita ou desabilita a quebra automática de texto. Quando ativada, o texto que excede o espaço disponível é transferido para a próxima linha em pontos apropriados para uma leitura clara. Importante ressaltar que está propriedade não é compatível com a propriedade t-virtual-scroll |
| t-virtual-scroll | boolean | Propriedade com o valor padrão 'true' caso possua t-height definido. Habilita ou desabilita o virtual scroll na tabela. Para o funcionamento dessa propriedade é requerido um valor de altura (t-height). Verificar a documentação das seguintes propriedades: t-text-wrap, t-row-height e t-page-size-virtual |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas