Skip to main content
2 de 2
se añadieron 99 caracteres en el cuerpo

Darle forma a una tabla con bootsrap y html

Hola un pregunta sobre diseño estoy en cero en diseño; quiero lograr esto en mi tabla html

Actualemnte esta asi: introducir la descripción de la imagen aquí

ESTE ES EL RESULTADO FINAL QUE LE QUIERO DAR "SEMAFORO DOCENTE" Y "SEMAFORO ALUMNO" EN LA TABLA

introducir la descripción de la imagen aquí

este es mi codigo de la tabla :

<div class="box-body">
    <table id="tabla_asistencias"
        class="table table-bordered table-condensed table-hover responsive"
            cellspacing="0" width="100%">
              <thead>
                <tr>
                 <th class="text-center">Fecha</th>
                 <th class="text-center">turno</th>
                 <th class="text-center">Total docentes</th>
                 <th class="text-center">Docentes Asistentes</th>
                 <th class="text-center">Docentes faltantes</th>
                 <th class="text-center">Semaforo</th>
                 <th class="text-center">Total alumnos</th>
                 <th class="text-center">Alumnos Asistentes</th>
                 <th class="text-center">Alumnos faltantes</th>
                 <th class="text-center">Semaforo</th>
                 <th class="text-center">fecha registro</th>
                 <th class="text-center" style="width: 10%;">Reporte</th>
               </tr>
            </thead>
         <tbody>
       </tbody>
    </table>