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>