Skip to content

Instantly share code, notes, and snippets.

@oli oli/dabblet.css
Created Jun 6, 2016

Embed
What would you like to do?
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
You can’t perform that action at this time.