Getting text in data table cells to automatically wrap to the next line

[internettips]

Note: this item isn't a bug, just an extra hint, maybe an improvement, that may help some others.

While working on converting an existing website to use the superb Publii (v.0.29.1 (build 10999) Beta), I came across a web page that had a long-ish data table.

However, the text in the table cells did not wrap, so forced the table size to increase.

By default, currently, text in data tables does not wrap automatically.

However, this problem looks to be easily fixed in Publii. So if anyone else too is getting the same problem, here's how I resolved the problem.

Go to "Tools" > "Custom CSS", then add the following 2 lines and save:

/* Force text to wrap in table cells */ table {white-space: normal}

Seems to work okay in 5 of the current web browsers I've tested.

Plus of course, once we add the key CSS line addition included above, on preview, the web page now adjusts and adapts its layout as we would expect when the page is viewed on smaller-screen devices, smartphones, tablets, etc.