paixfilho mobile

Boa tarde Senhores

Tenho um componente paixfilho que no dispositivo mobile não fica responsivo, ultrapassando os limites do

. Alguma dica?

            <div class="container-fluid">
              <div>
                <table tablename="tbProdutos" id="tbProdutos" noaddbutton=true customFnDelete="fnCustomDelete(this)">
                  <thead>
                    <tr>
                      <td class="col-xs-3 col-md-6 required"><b>Item</b></td>
                      <td class="col-xs-2 col-md-2 required"><b>Quant.</b></td>
                      <td class="col-xs-2 col-md-2 required"><b>Valor Unit. R$</b></td>
                      <td class="col-xs-2 col-md-2 required"><b>Valor Total R$</b></td>

                    </tr>
                  </thead>
                  <tr>
                    <td class="col-xs-3 col-md-6"><input type="zoom" id="nomeItem" name="nomeItem" data-zoom="{
                                                    'displayKey':'NOME',
                                                    'datasetId':'dsRmItensReembolso',
                                                    'maximumSelectionLength':'1',
                                                    'placeholder':'Digite o item',
                                                    'fields':[
                                                        {
                                                          'field':'NOMEFANTASIA',
                                                          'label':'Nome',
                                                          'standard':'true'
                                                        }
                                                    ]
                                                }" /></td>
                    <td class="col-xs-2 col-md-2"><input type="number" name="quantidade" id="quantidade"
                        class="form-control"></td>
                    <td class="col-xs-2 col-md-2"><input type="text" name="valorUnitario" id="valorUnitario"
                        class="form-control" onkeypress="$(this).mask('###.###.##0,00', {reverse: true});"></td>
                    <td class="col-xs-2 col-md-2"><input type="text" name="valorTotal" id="valorTotal"
                        class="form-control" onkeypress="$(this).mask('###.###.##0,00', {reverse: true});" readonly>
                    </td>
                  </tr>
                </table>
              </div>
            </div>
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!

1 resposta

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