Tabela Pai x Filho mudando de tamanho quando adiciono linha

Boa tarde, @Comunidade.

Estou passando por um problema que acredito ser simples, porém não consigo resolver.

Estou desenvolvendo um formulário que possui uma tabela filha, e dentro da tabela utilizo dois campos do tipo zoom e um campo do tipo text.

Porém conforme vou adicionando itens na minha tabela, a mesma vai aumentando o campo zoom e diminuindo o campo text.

Alguém já passou por isso e poderia me ajudar a resolver? Segue print do início da tabela e depois de adicionar algumas linhas.

<table id="ITEMNF" tablename="ITEMNF" class="table table-striped table-bordered " border="0" nodeletebutton="false" noaddbutton="true" customFnDelete="fnCustomDelete(this)">
    <thead>
        <tr>
            <td class="form-group col-md-4" style="text-align: center; font-size: 18px; color: #666666; background-color: #f9f9f9;">Item</td>
            <td class="form-group col-md-4" style="text-align: center; font-size: 18px; color: #666666; background-color: #f9f9f9;">Centro de Custo</td>
            <td class="form-group col-md-2" style="text-align: center; font-size: 18px; color: #666666; background-color: #f9f9f9;">Valor Item</td>
            <td class="form-group col-md-2" style="text-align: center; font-size: 18px; color: #666666; background-color: #f9f9f9;">Aprovado</td>
        </tr>
    </thead>
    <tr>
        <td style="vertical-align: middle; text-align: center;">
            <input
                  type="zoom"
                  id = "ITEM"
                  name="ITEM"
                  data-zoom="{
                    'displayKey':'ITEM',
                    'datasetId':'dsITEM',
                    'placeholder':'Escolha o item',
                    'fields':[
                         {
                            'field':'ITEM',
                             'label':'Nome',
                             'standard':'true'
                           }
                    ]
                  }"
            />
        </td>

        <!-- ======================================================================================== -->
        <!-- ======================================================================================== -->

        <td style="vertical-align: middle; text-align: center;">
            <input
                  type="zoom"
                  id = "CENTROCUSTO"
                  name="CENTROCUSTO"
                  data-zoom="{
                    'displayKey':'CENTROCUSTO',
                    'datasetId':'dsCENTROCUSTO',
                    'placeholder':'Escolha o centro de custo',
                    'fields':[
                         {
                            'field':'CENTROCUSTO',
                             'label':'Nome',
                             'standard':'true'
                           }
                    ]
                  }"
            />
        </td>

        <!-- ======================================================================================== -->
        <!-- ======================================================================================== -->

        <td style="vertical-align: middle; text-align: center;">
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input id="VALORUN" name="VALORUN" class="form-control" type="text" onchange="somar()">
            </div>
        </td>

        <!-- ======================================================================================== -->
        <!-- ======================================================================================== -->

        <td style="vertical-align: middle; text-align: center;" id="divAPROVADO">
            <input id="APROVADO" name="APROVADO" class="form-control" type="text" readonly>
        </td>

        <!-- ======================================================================================== -->
        <!-- ======================================================================================== -->
    </tr>
</table>

Atenciosamente, Leonardo Fioretti.

compartilhar
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

0 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags paifilho zoom formulario ou faça a sua própria pergunta.