section
  .container
    table
      thead
        tr.header
          th
            | Table attribute name
            div Table attribute name
          th
            | Value
            div Value
          th
            | Description
            div Description
      tbody
        tr
          td align
          td left, center, right
          td
            | Not supported in HTML5. Deprecated in HTML 4.01. Specifies the alignment of a table according to surrounding text
        tr
          td bgcolor
          td rgb(x,x,x), #xxxxxx, colorname
          td
            | Not supported in HTML5. Deprecated in HTML 4.01. Specifies the background color for a table
        tr
          td border
          td 1,""
          td Specifies whether the table cells should have borders or not
        tr
          td cellpadding
          td pixels
          td
            | Not supported in HTML5. Specifies the space between the cell wall and the cell content
        tr
          td cellspacing
          td pixels
          td Not supported in HTML5. Specifies the space between cells
        tr
          td frame
          td void, above, below, hsides, lhs, rhs, vsides, box, border
          td
            | Not supported in HTML5. Specifies which parts of the outside borders that should be visible
        tr
          td rules
          td none, groups, rows, cols, all
          td
            | Not supported in HTML5. Specifies which parts of the inside borders that should be visible
        tr
          td summary
          td text
          td Not supported in HTML5. Specifies a summary of the content of a table
        tr
          td width
          td pixels, %
          td Not supported in HTML5. Specifies the width of a table
View Compiled
section {
  position: relative;
  border: 1px solid #000;
  padding-top: 37px;
  background: #500;
}

.container {
  overflow-y: auto;
  height: 300px;
}

table {
  border-spacing: 0;
  width: 100%;
}

td {
  + td {
    border-left: 1px solid #eee;
  }
  border-bottom: 1px solid #eee;
  background: #ddd;
  color: #000;
  padding: 10px 25px;
}

th {
  border-bottom: 1px solid #eee;
  background: #ddd;
  padding: 10px 25px;
  height: 0;
  line-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: transparent;
  border: none;
  white-space: nowrap;
  div {
    position: absolute;
    background: transparent;
    color: #fff;
    padding: 9px 25px;
    top: 0;
    margin-left: -25px;
    line-height: normal;
    border-left: 1px solid #800;
  }
  &:first-child div {
    border: none;
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.