Avoid content to adjust vertically on large cell data.
Avoid content to adjust vertically on large cell data.

Hello, I'm having this issue on my DataTable, at wich the table cells expands on large cell data making the whole table to have its rows height huge. I would like to avoid this Behavior and make the height of the rows as define by table-sm in bootstrap and the overflow content be replaced by ellipsis. This is a test case with the behavior I´m getting right now which I wish to avoid.
Link to test case: http://live.datatables.net/segogiyi/1/edit
I got this kind of solution by doing this in my CSS, but if it can be donde without using absolute values on the cells I know to have large data it will be better.
.largeCell {
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
Thanks in advance.
Answers
See if the ellipsis plugin will do what you want.
Kevin