Set up maximum height on Table row and then Use CSS ellipsis property to show trim data (No JS/Jquery required).
http://css-tricks.com/snippets/css/truncate-string-with-ellipsis/
It will trim when data overloads the table row and show dots automatically. You can show full data on tool tip just wrapping your data or view more with tool tip. You can thank me by accepting answer.
CSS:
apply a class mytable on tag and use this css:
.mytable tbody tr td{
max-width:200px; /* Customise it accordingly */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}