Hi M. de Leeuw,

Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.


And we wish to thank Jens for helping out a fellow user, that is very kind of you, as always. :)

We will do our best to advise you on this use-case.
It depends on several table display settings/how you configured them, as to what the best solution will be, such as if you enabled or disabled the word wrap;
If you set the table to be "Limited to Page width" or not, and so on.


First we will share the built in/easiest way how you can set the custom column width, and then later we will share another, custom way if you need to have the horizontal scroll.

You can make custom widths for columns in two ways.

1. In the Table Settings - Display > enable 'Limit table width' option.

This will allow you to set a custom width on any column.

Enter the column settings / Column width > and set a number for pixels, or a percentage value.

Here is an example on my table > i shorten the width for this column :

Now, if somebody writes a very long text in a String cell, and if you keep the 'word wrap' disabled, it will just cut off the rest of the text and leave three dots like "some long text...".
So in that case, there won't be need for any custom CSS.
Let us know if that works for you.

2. Alternatively, you can also add custom CSS classes to multiple columns,

then you can manipulate this class through our plugins settings/Custom JS and CSS/Custom CSS, ( if you wish to set same style for all tables that have this class);

and also, each table has its own Customize/Custom CSS,

for example, if i add custom Class named "customWidth", i can call CSS like :

.customWidth {
width : 200px !important;
}

Let us know if you have further questions about that.