Table hover borders

dabblet.css

/**
 * Table hover borders
 */
table {
      border-collapse: collapse;
    }

    tr {
      border-bottom: 1px solid transparent;
      border-top: 1px solid transparent;
    }

    tr:hover td {
      border-bottom: 1px solid #000000;
      border-top: 1px solid #000000;
    }

    td {
      padding: 1em;
    }

dabblet.html

<table>
  <tbody>
    <tr>
      <td>table</td>
      <td>row</td>
  </tr>
    <tr>
      <td>table</td>
      <td>row</td>
  </tr>
    <tr>
      <td>table</td>
      <td>row</td>
  </tr>
    <tr>
      <td>table</td>
      <td>row</td>
  </tr>
  <tr>
    <td>table</td>
    <td>row</td>
  </tr>
    <tr>
    <td>table</td>
    <td>row</td>
  </tr>
    <tr>
    <td>table</td>
    <td>row</td>
  </tr>
    <tr>
    <td>table</td>
    <td>row</td>
  </tr>
    <tr>
    <td>table</td>
    <td>row</td>
  </tr>
    <tr>
    <td>table</td>
    <td>row</td>
  </tr>
    </tbody>
</table>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}