Por favor necesito ayuda para dejar fijo el header
de mi tabla con bootstrap.
Probé con varios ejemplos que circulan pero en ninguno consigo el resultado deseado.
Mi tabla contiene 11 columnas y esta dentro de un div
responsive:
<div class="panel panel-default">
<div class="panel-body">
<h4>TABLA</h4><br>
<div class="row">
<div class="col-sm-12"><br>
<div class="table-responsive table-bordered">
<table class="table">
<thead>
<tr>
<th>Columna 1</th>
<th>Columna 2</th>
<th>Columna 3</th>
<th>Columna 4</th>
<th>Columna 5</th>
<th>Columna 6</th>
<th>Columna 7</th>
<th>Columna 8</th>
<th>Columna 9</th>
<th>Columna 10</th>
<th>Columna 11</th>
</tr>
</thead>
<tbody>
<!--ACA UN BUCLE FOR PHP RECORRIENDO UNA TABLA MySQL (cada registro de la BD es un registro de la tabla, en mi caso son unos 100-->
</tbody>
</table>
¿Como puedo dejarlo fijo el encabezado?