Table row strikethrough

HTML

<table class="strikeout">
  <thead>
    <tr>
      <th>Head 1</th>
      <th>Head 2</th>
      <th>Head 3</th>
      <th>Head 4</th>
    </tr>
  </thead>
  
  <tr>
    <td>Stuff</td>
    <td>Stuff</td>
    <td></td>
    <td>Stuff</td>
  </tr>
  <tr>
    <td>Stuff</td>
    <td>Stuff</td>
    <td></td>
    <td>Stuff</td>
  </tr>
  <tr>
    <td>Stuff</td>
    <td>Stuff</td>
    <td></td>
    <td>Stuff</td>
  </tr>
</table>

CSS

table { border-collapse: collapse; border: solid 1px #000; empty-cells: show; }

td { position: relative; }

tr.strikeout td:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 1px solid #111;
  width: 100%;
}

tr.strikeout td:after {
  content: "\00B7";
  font-size: 1px;
}

/* Extra styling */
td { width: 100px; }
th { text-align: left; }