Bootstrap tables overflowing with long unspaced text

Question

I\'m using Bootstrap and I have a table with a few columns, the last of which sometimes has a long piece of text without spaces. I noticed that under certain screen sizes, t

Answer 1

You can use below css. This will wrap the text and apply ... in the end of the text.

e.g. This_is_a_large_text will be changed to This_is_a_lar...

td {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

You can also add tool tip to show the complete text value.

${text}