I have a <table>
, and I would like to leave <thead>
of it with fixed top:
<table class="table table-responsive table-hover"
id="tablepesquisaprodutos" style="font-size:12px;">
<thead>
<tr>
<th></th>
<th>Código</th>
<th>Descrição</th>
<th>Qtd</th>
<th>Preço Un.</th>
<th>Desc %</th>
<th>Desc R$</th>
<th>Total</th>
<th>ICMS</th>
<th>Alíquota</th>
<th>V.ICMS</th>
<th>%ISS</th>
<th>V.ISS</th>
<th>%IPI</th>
<th>V.IPI</th>
</tr>
</thead>
<tbody>
@foreach (var item in Model.PedidosProdutosF)
{
<tr>
<td><input type="checkbox" class="link-check" onclick="PegaID(@item.Id);" onchange="cbChange(this);" /></td>
<td>@item.CodigoProduto</td>
<td>@item.Produto.nome</td>
<td>@item.Qtd</td>
<td>@item.PrecoUnitario.ToString("N2")</td>
<td>@item.DescontoP.ToString("N2")</td>
<td>@item.DescontoV.ToString("N2")</td>
<td>@item.Total.ToString("N2")</td>
<td>@item.ICMS</td>
<td>@item.Aliquota.ToString("N2")</td>
<td>@item.VICMS.ToString("N2")</td>
<td>@item.ISS.ToString("N2")</td>
<td>@item.VISS.ToString("N2")</td>
<td>@item.IPI.ToString("N2")</td>
<td>@item.VIPI.ToString("N2")</td>
</tr>
}
</tbody>
</table>
But in every way I try, it creates a scroll within the table, the fields are misaligned, do you have any configuration of bootstrap
to do this, or some other way that works? / p>