.container
  table.table.table-fixed
    thead
      tr
        th.col-xs-3 First Name
        th.col-xs-3 Last Name
        th.col-xs-6 E-mail
    tbody
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
      tr
        td.col-xs-3 John
        td.col-xs-3 Doe
        td.col-xs-6 johndoe@email.com
View Compiled
body {
  background-color: #bdc3c7;
}

.table-fixed {
  width: 100%;
  background-color: #f3f3f3;
  tbody {
    height: 300px;
    overflow-y: auto;
    width: 100%;
  }
  thead,
  tbody,
  tr,
  td,
  th {
    display: block;
  }
  tbody {
    td {
      float: left;
    }
  }
  thead {
    tr {
      th {
        float: left;
        background-color: #f39c12;
        border-color: #e67e22;
      }
    }
  }
}
View Compiled

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.