CF8 table styling

Hi Max, hope everything is going well.

In CF8 table, cells get nui collapsing breakwords by default.

• collapsing forces fit-content and overrides custom width classes (w1, w2, etc.) when created.

• breakwords doesn’t seem to work — text stays on one line and overflows/clips instead of wrapping.

• Plain CSS (even with !important) doesn’t override this behavior.

Questions:

1. Is the breakwords class supposed to work, or is this a bug?

2. How can we disable/override the default collapsing so custom width/wrapping classes can be applied?

3. Are there any built-in CF8/NUI classes for controlling widths/wrapping, and if so, which ones and how do they work?

Thanks in advance for your reply -  I’ve been struggling with this for a while, and it’s becoming a bit of a blocker.

Sincerely, Elita

Hi Elita

I will investigate this issue but the fastest solution is using !important with a very specific css selector like:

td.nui.collapsing.breakwords.my_class{
width:50% important;
}

Hi Elita

Did my suggestion work ?

Hi Max,

No, it didn’t. The table cells render with classes like nui collapsing my_class breakwords, and the NUI rule still wins, so my widths don’t apply.

I only managed to fix it with a small JavaScript helper that:

• forces a fixed table layout,

• removes collapsing from all table cells

After that, I added my own width utility classes in CSS.

If there’s a native CF8/NUI way to disable collapsing per table/column without JS, I’m happy to switch - could you point me to it?

Thanks, Elita

Hi Elita

The new update has HTML Attributes behavior support for Table view which means you can add custom class and custom id for the table, would this be enough to solve your styling issues ?

Hi Max, I’ll give it a try and get back to you ASAP.

Cheers, Elita

Hi Elita

Great, but it's not yet released, stay tuned :)