Changing column width

Hi,

thanks for your question, and sorry for the trouble.

What you actually want is to turn off the automatic line breaks here. Please try this CSS:

.tablepress th,
.tablepress td {
  word-break: normal;
}

Setting the widths will not create that effect, as the table is too wide for the screen already.

Regards,
Tobias

thank you for your reply.
I intended to make some of the columns smaller to transfer the space to other columns. If I do that first, will it give me a space bank to transfer? I wasn’t sure if I had the syntax corecct, since nothing happened.

Hi,

the problem here is that your table (in total) is already wider than the available screen space (which is why it is scrollable). This then also means that all columns are at the minimum width that their content allows (basically, they are shrunk so that the longest word in the column still fits). You will however not be able to reduce the width beyond that – except if you introduce manual line breaks, or add hyphenation to long words.

The suggestion from above will at least make the text readable again (like the content in the first column). It will not help with making everything fit on the page without scroll – that’s just not possible with the current content of the table.

Regards,
Tobias