Bootstrap tables overflowing with long unspaced text

Solution 1:

.the-table {
    table-layout: fixed;
    word-wrap: break-word;
}

Add the following styles to your <table>

.the-table {
    table-layout: fixed;
    over-flow: break-word;
}

Then you can adjust your layout via-CSS as you wish.

This works without forcing table layout to be fixed Just add it to td or any

.is-breakable {
  word-break: break-word;
}

I was having trouble with these solutions working in Internet Explorer.

I used the following style to get it to finally work.

<td style="word-break: break-all">