Skip to content

Instantly share code, notes, and snippets.

@clevertonh
Last active August 29, 2015 14:23
Show Gist options
  • Select an option

  • Save clevertonh/3c5f2d63c90b43456c33 to your computer and use it in GitHub Desktop.

Select an option

Save clevertonh/3c5f2d63c90b43456c33 to your computer and use it in GitHub Desktop.
Classe para não quebrar a linha em uma TABLE usando o Twitter Bootstrap, quando chega ao final da linha adiciona pontos.
<table class="table table-ellipsis">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
.table-ellipsis {
table-layout: fixed;
}
.table-ellipsis td {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment