Bootstrap table ellipsis

table-ellipsis.css

.table.table-ellipsis tbody td {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

This saved me a lot of work. Thanks!

Nice!

Suggestion: You could enhance it using CSS pseudo class active to simulate “onclick/selection”.
After onclick/selecting the text, it could expand itself and showing the whole content.
If users decide to click/select another cell/value, the ellipsis could be applied again.

Show text-overflow on cell hover:

.table.table-ellipsis tbody td {
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

.table.table-ellipsis tbody td:hover {
text-overflow: clip;
white-space: normal;
word-break: break-all;
}

Thanks! ^_^

thanks bro manyy hihi

Gracias me ayudo mucho, saludos desde Ecuador.