JSFiddle - React, Tailwind, and code Playground

by Keith Jeter

HTML

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td rowspan=4>Peter</td>
    <!-- <td>Griffin</td> -->
    <td>$100</td>
        <td>$100</td>
            <td>$100</td>
  </tr>
  <tr>
    <!-- <td>Lois</td> -->
    <td rowspan=2>Griffin</td>
    <td>$150</td>
        <td>$100</td>
            <td>$100</td>
  </tr>
  <tr>
    <!-- <td>Cleveland</td> -->
    <td rowspan=2>Brown</td>
    <td>$250</td>
        <td>$100</td>
            <td>$100</td>
  </tr>
  
</table>

CSS

table, td, th {  
  border: 1px solid #ddd;
  text-align: left;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  padding: 15px;
}