.wrap
  table.head
    tbody
      tr
        td Head 1
        td Head 2
        td Head 3
  .scroll-table
    table
      tbody
      - for (var i = 0; i < 20; ++i) {
        tr
          td Body 1
          td Body 2
          td Body 3
      - }
          
View Compiled
.wrap {
  width: 400px;
  table {
    table-layout: fixed;
    width: 100%;
    &.head {
      width: calc(100% - 15px);
      tr td {
        background: #eee;
      }
    }
  }
}

table {
  tr td {
    border: 1px solid #eee;
    padding: 5px;
    word-wrap: break-word;
  }
}

.scroll-table {
  height: 300px;
  overflow-y: auto;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.