myTable

by frankvaneykelen

HTML

<table class="c-table--rigidtwocolumn">
  <thead>
    <tr>
      <th>Table Header</th>
      <th>Table Header</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Table cell 1</td>
      <td>Table cell 2</td>
    </tr>
    <tr>
      <td>Table cell 3</td>
      <td>Table cell 4</td>
    </tr>    
  </tbody>
</table>

CSS

.c-table--rigidtwocolumn { 
  width: 400px;
  background-color: #eee;
  border-collapse: collapse; 
}

.c-table--rigidtwocolumn th { 
  background-color: #000;
  color: #fff;
  width: 50%; 
}

.c-table--rigidtwocolumn td, .c-table--rigidtwocolumn th { 
  padding: 5px;
  border: 1px solid #000;
}