TreeTable: cell layout - force single line

[ray007]

Describe the bug

When the column containing the select checkbox and/or the expander is too narrow, the displayed value is moved to a seconds line below:

What I would like to have instead:

best would be a tooltip for the value in this case.

Since there is no container tag in the cell containing the 3 elements, I'm having a hard time to get this.

An alternative solution would be to have selection checkbox and/or expander in their own column, that would also provide a nice place for a "Select all" checkbox on top.

Reproducer

https://stackblitz.com/edit/mxw3qy?file=src%2FApp.vue

PrimeVue version

3.50.0

Vue version

3.x

Language

ES6

Build / Runtime

Vite

Browser(s)

Chrome 124, Firefox 124

Steps to reproduce the behavior

Open reproducer and make the view narrow enough that the columns cannot contain their values on one line.

Expected behavior

Values are displayed in a single line in the cell (beside buttons), too lang value get text-overflow: ellipsis.