Setting Column bodyAttribute with max-w-xxx in class has no effect due to parent td containing whitespace-nowrap.

[akulmehta]

Livewire PowerGrid version

v6.5.4

Livewire version

v3.6.4

Laravel version

v12.24.0

Which PHP version are you using?

PHP 8.4

Which Theme are you using?

Tailwind

Have you published the resource files and customized them? (php artisan vendor:publish)

No

What is the problem?

When using the default theme, I would like to be able to set the max width of the column. I tried to do that using the bodyAttribute like:

            Column::make('Applied Filters', 'applied_filters')
                ->searchable()
                ->bodyAttribute('text-wrap max-w-80'),

However, the column does not resize to max-w-80 and instead it just wraps the text to a smaller width. This is because the parent td element has a class of whitespace-nowrap which causes the column to shrink rather than go to the max of 80.

With whitespace-nowrap:

Without whitespace-nowrap:

Code snippets

Make a column and apply bodyAttributes like:

            Column::make('Datasets', 'datasets_names')
                ->searchable()
                ->bodyAttribute('text-wrap max-w-96'),

Use long entries in this field and check the table in the table in the browser.

How do you expect it to work?

I expect to be able to set the max width in customizable manner as some columns we should have the control to wrap the text and set the max width.

Please confirm (incomplete submissions will not be addressed)

• I have provided easy and step-by-step instructions to reproduce the bug.
• I have provided code samples as text and NOT images.
• I understand my bug report will be removed if I haven't met the criteria above.

[akulmehta]

@luanfreitasdev do you recommend just to make a custom theme for this or is this something you would want to fix in the code. For context, I am using Firefox (not sure if it is affected in other browsers)

[luanfreitasdev]

That should be adjusted with the custom theme. 👍🏻

[akulmehta]

Since this is probably a breaking change, maybe you can consider a better approach for the next version. For now I will just make a custom theme in my project. Thanks for your help and this package.