Skip to content

Instantly share code, notes, and snippets.

@oli
Created June 6, 2016 06:47
Show Gist options
  • Save oli/29bb5bc7a6fa9bbd87cc8933d8bfe827 to your computer and use it in GitHub Desktop.
Save oli/29bb5bc7a6fa9bbd87cc8933d8bfe827 to your computer and use it in GitHub Desktop.
Table layout and ellipsis
/**
* 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;
}
<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>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment