Tabela de entrada: aumentar tamanho de uma coluna

  • karlene.silva
    Perguntado em 1 de junho de 2023 às 09:22

    Olá,

    Estou trabalhando no desenvolvimento de um formulário que tem uma tabela de orçamento, e por solicitação da área preciso acrescentar um campo não tenha um resumo de todas as especificações complementares, conforme imagem 2. Pois o campo que inclui na tabela ficou muito pequeno para visualizar as informações posteriormente (ultima coluna da tabela).

    Então a solução que encontrei foi calcular o campo, conforme imagem 3, ainda não concluí a estrutura do calculo, pois observei que as linhas que não serão preenchias vão ficar com os símbolos - /, que inclui para que se tenha uma separação das informações de cada linha inserida.

    é possivel ocultar esses símbolos das linhas que não vão ser preenchidas?

    Ou se é possivel configurar a tabela para que a colunade informações complementares fique maior?

    Tabela de entrada: aumentar tamanho de uma coluna Image 1 Screenshot 40


    Tabela de entrada: aumentar tamanho de uma coluna Image 2 Screenshot 51

    Tabela de entrada: aumentar tamanho de uma coluna Image 3 Screenshot 62

  • Lucas Support Team Lead
    Respondido em 1 de junho de 2023 às 14:08

    Olá Sistema Agile,

    Obrigado por entrar em contato com o suporte da Jotform. Minha indicação para deixar o campo com melhor visibilidade é editar o tamanho da coluna com código CSS. Ao diminuir a quantidade de campos, condições e cálculos, tu garante que o formulário ficará mais fácil de manutenir e mais prático para a visualização de dados.

    Podemos alterar o tamanho de cada coluna com código CSS. Um exemplo de código que pode alterar o tamanho da coluna "informações complementares" é:

    th.form-matrix-headers.form-matrix-column-headers.form-matrix-column_11 {
        width: 20%;
    }

    Nesse caso, todas as outras colunas estão sendo automaticamente ajustadas e terão o seu tamanho reajustado com o código acima. Mas nada impede de ajustarmos o tamanho de cada coluna individualmente.

    Para adicionar o código CSS acima, siga estes passos:

    1. No Criador de Formulários, clique em no Rolo de pintar no lado direito da tela.
    2. Clique em Estilos.
    3. Adicione o código CSS abaixo na área Injetar código CSS personalizado.

    1679065197 6414806da2c77  Screenshot 0 Screenshot 10

    Caso precise de mais auxílio com o tamanho dos campos, fique a vontade para me solicitar.

    Fico à tua disposição.

  • karlene.silva
    Respondido em 2 de junho de 2023 às 08:05

    Muito obrigada!

    Me ajudou.