Tornar link a coluna da tabela

TOTVS Fluig Páginas (WCM)
,
1

Boa tarde!

Estou criando uma tabela e preciso que uma coluna, a primeira, tenha um href, para linkar com o número da solicitação, mas não sei como tornar o campo como um link.

Alguém consegue me ajudar?

imagem_2020-10-20_140528.png

:warning: Atenção: Esta publicação foi transferida automaticamente do fórum antigo, mas os anexos não foram incluídos.

2

Olá,

Acredito que o tópico Abrir link clicando no dataTable pode ajudar bastante.

Resumindo: terá que trabalhar com template no seu Datatable, mas não é complicado.

Edit:

Pelo que vi agora você não está utilizando o Datatables do Fluig Style Guide. Então talvez isso ajude:

No seu objeto de configuração tente adicionar essa definição de coluna.


"columnDefs": [
    {
        "render": function (data, type, row) {
            // data é o conteúdo da célula
            // aqui estou usando template string pra ficar melhor visualmente
            return `<a href="/portal/p/1/pageworkflowview?app_ecm_workflowview_detailsProcessInstanceID=${data}">${data}</a>`;
        },
        "targets": 0 // A primeira coluna
    }
]

Na documentação do Datatables sugere isso exatamente para a adição de links e outros detalhes aos dados.

3

Eu estava olhando exatamente esse, fiz alguns testes tendo ele como base, mas ainda não consegui.

4

Ah, você não está usando o Datatables do jeito que o Fluig utiliza no Style Guide né? Está usando o plugin diretamente. Alterei a resposta pra você testar.

5

Ainda não consegui, estou entendo melhor agora como usar as coisas e os lugares, vou colocar uma foto e vê se consegue me auxiliar falando se é neste local. Está dando vários erros, coloquei a foto na publicação.

6

Consegui fazer! Obrigada

7

Boa tarde!

Tenho uma coluna que tem a mesma finalidade da sua necessidade, para poder criar usando o Datatables foi preciso criar um data.forEach antes do render assim poderia ter uma linha "customizada". Abaixo um exemplo


data.forEach(row => {

                row['ModaFull'] = '<a href="link necessário" class="btn  btn-info btn-xs" style="font-size:12px">Editar</a>'

})

renderTable('#Table', {
                rows: data,
                columns: [

                        'ModaFull'

                ]
})