Histórico da Página
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 ou Function | Propriedade 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-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. |
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-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-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 | Define a altura da tabela. Caso não seja informada a altura da tabela será adequada pela quantidade de itens |
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-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-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-page-size | number | Propriedade para definir a quantidade de itens por página padrão. |
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. |
t-selectable | boolean | Define se a tabela será selecionável, criando uma coluna com checkbox. |
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-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. |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas