estoy utilizando un datatable
y tengo problemas para alinear las columnas de la cabecera de la tabla con los datos que se muestran en el body
.
El código es el siguiente:
<table id="datatable_fixed_column" class="table table-striped table-bordered" width="100%">
<thead>
<TR class="texto">
<TH align="center" colspan="8" width="60%"> </TH>
<TH align="center" colspan="2" width="5%">1° Pregrabado</TH>
<TH align="center" colspan="2">Ultimo Pregrabado</TH>
<TH align="center" colspan="2">Envío a Despacho</TH>
<TH align="center" colspan="2">Devolución Juez</TH>
<TH align="center" colspan="2">Desp x Devol a Juez</TH>
<TH align="center" width="5%" >Cantidad de </TH>
<TH align="center" colspan="2">Resolución</TH>
</TR>
<TR class="texto">
<TH align="center" width="10%">Rit</TH>
<TH align="center" width="10%">Nombre Funcionario</TH>
<TH align="center" width="10%">Nombre Juez</TH>
<TH align="center" width="5%">Tramite</TH>
<TH align="center" width="5%">Invalidado</TH>
<TH align="center" width="5%">Doc. Res</TH>
<TH align="center" width="5%">Doc. Esc</TH>
<TH align="center" width="5%">Días</TH>
<TH align="center" width="5%">Fecha</TH>
<TH align="center" width="5%">HH:MM</TH>
<TH align="center" width="5%">Fecha</TH>
<TH align="center" width="5%">HH:MM</TH>
<TH align="center" width="5%">Fecha</TH>
<TH align="center" width="5%">HH:MM</TH>
<TH align="center" width="5%">Fecha</TH>
<TH align="center" width="5%">HH:MM</TH>
<TH align="center" width="5%">Fecha</TH>
<TH align="center" width="5%">HH:MM</TH>
<TH align="center" width="5%">Escritos Resolución</TH>
<TH align="center" width="5%">Fecha Firma</TH>
<TH align="center" width="5%">HH:MM</TH>
</TR>
</thead>
<tbody>
<c:forEach items="${lstdatos}" var="fun">
<TR class="texto">
<TD width="10%" align="center"><c:out value="${fun.rit}" /></TD>
<TD width="10%" align="center"><c:out value="${fun.nombres}" /></TD>
<TD width="10%" align="center"><c:out value="${fun.gls_juez}" /></TD>
<TD width="5%" align="center"><c:out value="${fun.gls_tramite}" /></TD>
<TD width="5%" align="center"><c:out value="${fun.estado}" /></TD>
<TD width="5%" align="center"><c:out value="${fun.doc_resolucion}" /></TD>
<TD width="5%" align="center"><c:out value="${fun.doc_escrito}" /></TD>
<TD width="5%" align="center"><c:out value="${fun.dias}" /></TD>
<TD width="5%" align="center"><c:out value="${fun.fec_1erPreg}" /></TD>
<TD width="5%" align="center"><c:out value="${fun.hor_1erPreg}" /></TD>
<TD width="5%" align="center"><c:out value="${fun.fec_ultPreg}" /></TD>
<TD width="5%" align="center"><c:out value="${fun.hor_ultPreg}" /></TD>
<TD width="5%" align="center"><c:out value="${fun.fec_despacho}" /></TD>
<TD width="5%" align="center"><c:out value="${fun.hor_despacho}" /></TD>
<TD width="5%" align="center"><c:out value="${fun.fec_devuelto}" /></TD>
<TD width="5%" align="center"><c:out value="${fun.hor_devuelto}" /></TD>
<TD width="5%" align="center"><c:out value="${fun.fec_desxdevjuez}" /></TD>
<TD width="5%" align="center"><c:out value="${fun.hor_desxdevjuez}" /></TD>
<TD width="5%" align="center"><c:out value="${fun.can_escritos}" /></TD>
<TD width="5%" align="center"><c:out value="${fun.fec_firmaRes}" /></TD>
<TD width="5%" align="center"><c:out value="${fun.hor_resolucion}" /></TD>
<script>
FLG_datos=1;
ind++;
</script>
</TR>
</c:forEach>
</tbody>
</table>
Y la vista que tengo de la tabla es la siguiente:
¿Que puedo hacer para alinear las columnas del header
y el body
?
Intenté utilizando width
pero sin resultados.