Instead of putting the width on the td, try adding it to the th using css.
For example,
HTML
Heading 1 |
Heading 2 |
Heading 3 |
TD 1 |
TD 2 |
TD 3 |
CSS
.column-1 {
width: 50%;
}
.column-2 {
width: 25%;
}
.column-3 {
width: 25%;
}
I had the exact same problem and found this resource helpful:
https://css-tricks.com/fixing-tables-long-strings/