JSFiddle - React, Tailwind, and code Playground

by Anthony Fernando Torres Detquizan

HTML

<div class="container">
  <div class="row">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4>
            Fixed Header Scrolling Table 
          </h4>
      </div>
      <table class="table table-fixed">
        <thead>
          <tr>
            <th>DNI</th>
            <th>NOMBRES Y APELLIDOS</th>
            <th>MARCACION</th>
            <th>CERRERA</th>
            <th>ASIGNATURA</th>
            <th>SECCION</th>
            <th>AULA</th>
            <th>HORA ENTRADA</th>
            <th>HORA SALIDA</th>
            <th>ENTREGO</th>
            <th>DEVOLVIÓ</th>
            <tr>
        </thead>
        <tbody>
          <tr>
            <td>17959732</td>
            <td class="col-md-2">ZAVALETA ORBEGOSO LORENZO MARTIR</td>
            <td>27/01/20 22:17:30</td>
            <td style="text-align: center;">
              <input type="hidden" value="91012791" id="nGruCodigo_17959732">
              <input type="hidden" value="91376672" id="nHorCodigo_17959732">CONTABILIDAD
            </td>
            <td>FINANZAS I</td>
            <td>A</td>
            <td>Aula C-403</td>
            <td>07:30:00 AM</td>
            <td style="text-align: center;">12:00:00 PM</td>
            <td style="width: 10%; text-align: center;">
              <span class="glyphicon glyphicon-ok text-success"></span>
            </td>
            <td style="width: 10%; text-align: center;">
              <span class="glyphicon glyphicon-ok text-success"></span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>