Table layout and ellipsis

dabblet.css

/**
 * Table layout and ellipsis
 */

.table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%
}
td {
  width: 200px;
  min-width: 200px;
  border: 1px solid #eee;
  padding: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
td:last-child {
  width: 400px;
  min-width: 200px;
  max-width: 400px;
}

dabblet.html

<table class="table">
  <tbody>
    <tr>
      <td>Testing testinG</td>
      <td>Testing testinG</td>
      <td>Testing testinG</td>
      <td>Testing testinG</td>
      <td>Testing testing testing testing testing testing testing</td>
    </tr>
  </tbody>
</table>

dabblet.js

// alert('Hello world!');

settings.json

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