Eu tenho uma <table>
, e gostaria de deixar o <thead>
dela com topo fixo:
<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>
Porém de toda forma que eu tento, ele cria uma scroll dentro da tabela, os campos ficam desalinhados, tem alguma configuração do bootstrap
pra fazer isso, ou alguma outra forma que funcione?