TOTVS HTML Framework

Árvore de páginas

PropriedadeTipoDescrição
t-actionsPoTableAction[]Cria ações na tabela, seguir a mesma documentação a po-table no portal do PO-UI.
t-actions-filterboolean ou FunctionPropriedade valor true padrão. Caso true, exibe o botão de filtros com o modal. Caso false, esconde o botão. Caso Function, exibe apenas botão. Para funcionamento correto da função, o ideal é chamar dessa forma no HTML: myFunction.bind(this)
t-actions-rightbooleanCaso true, coloca a coluna de ações à direita.
t-action-deletebooleanCaso "true", cria o botão para deletar um item da tabela.
t-action-editFunctionExibe 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-excelbooleanCaso "true", cria o botão para realizar o download da tabela no formato xlsx.
t-action-pdfbooleanCaso "true", cria o botão para realizar o download da tabela no formato PDF.
t-auto-sizebooleanCaso "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.
t-columnsThfGridColumn[]Array para determinar o padrão das colunas.
t-custom-actionsPoDropdownAction[]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-draggablebooleanCaso "true", habilita o Drag and Drop nas colunas.
t-edit-propertiesThfGridEditPropertiesPropriedade para habilitar edição em linha
t-fieldsPoPageDynamicSearchFilters[]Array para informar os campos filtráveis.
t-filter-input-modeservice ou basicPropriedade para definir o modo do filtro do input de pesquisa. Valor padrão é o basic.
t-groupstring[]Lista com os nomes das propriedades que serão agrupadas por padrão
t-groupablebooleanCaso "true", habilita a possibilidade de agrupar as linhas da coluna em conjuntos.
t-header-templateTemplateRef <void>Container aberto para se adicionar entre o header de ações e a própria tabela, espera-se um TemplateRef
t-headline-fixedbooleanCaso "true", o header ficará fixo em tabelas sem altura definida.
t-heightnumberDefine a altura da tabela. Caso não seja informada a altura da tabela será adequada pela quantidade de itens
t-hide-action-fixed-columnsbooleanControla 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-managerbooleanPermite que o gerenciador de colunas, responsável pela definição de quais colunas serão exibidas, seja escondido.
t-hide-batch-actionsbooleanPropriedade 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-inputbooleanPropriedade depreciada utilizar t-hide-table-search. Propriedade para esconder o filtro com Input.
t-hide-select-allbooleanEsconde o checkbox para seleção de todas as linhas.
t-hide-table-searchbooleanPropriedade com valor padrao false. Permite que o campo de pesquisa seja escondido.
t-literalsTHFGridLiteralsDefine literais personalizadas para o componente thf-grid.
t-loadingbooleanBloqueia a interação do usuário com os dados da grid.
t-max-resizable-widthnumberPropriedade que define a largura máxima permitida para uma coluna ser redimensionada.
t-min-resizable-widthnumberPropriedade que define a largura mínima permitida para uma coluna ser redimensionada.
t-options-pagingThfGridOptionPaging[]Funciona caso t-pageable seja true. Propriedade para definir as opções de itens por página.
t-pageablebooleanCaso true, habilita o botão de 'Carregar mais' e a paginação na tabela.
t-page-sizenumberPropriedade para definir a quantidade de itens por página padrão.
t-resizablebooleanCaso "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.
t-selectablebooleanDefine se a tabela será selecionável, criando uma coluna com checkbox.
t-service-apistringDefine 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-show-densification-configurationblooleanSe verdadeiro permite ao usuário escolher a densidade da tabela entre o valor Padrão "medium" e o Compacto "small".
t-show-draggable-iconbooleanCaso "true", exibe o ícone de draggable nas respectivas colunas. Valor padrão é false.
t-show-more-disabledbooleanSe verdadeiro, torna o botão "Carregar mais resultados" desabilitado.
t-single-selectbooleanDefine que somente uma linha da tabela pode ser selecionada.
t-sortThfGridColumnSort[]Caso queira iniciar uma coluna com "sort" ascendente ou decrescente.
t-sortablebooleanCaso "true", habilita a possibilidade de ordenar de forma crescente ou decrescente as linhas da tabela.
t-spacingThfColumnSpacing[]Propriedade com o valor padrão 'medium'. Responsável por aplicar espaçamento nas colunas. Deve receber um dos valores do enum PoTableColumnSpacing.
t-stripedbooleanHabilita ou desabilita o estilo listrado da tabela (striped).
t-text-wrapbooleanHabilita 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.
  • Sem rótulos