onLoadMore prop on Table.Body component disables auto width feature

[mikehesse]

In my table, I use the Infinity Pagination of NextUI. But when I use the table property "onLoadMore" I lose the auto width feature of my columns and the ability to change the width of individual columns. Is this attended or a bug?

I need the auto width or the custom width feature on the columns.
Is there a hidden configuration or a workaround for this?

[cyanxiao]

Hi @mikehesse, may I ask what's your expectation about auto width? For example should table adjust columns width once it gets new data when scrolling down?

[mikehesse]

Hey @imchell,

Thank you for your message!
I took some screenshots s for a better explanation of my problem:

Case 1: When I set "onLoadMore" on "Table.Body" and the width of "Table.Column" to a fixed value

But with this solution, I got much unused white space on the table.

Case 2: When I set "onLoadMore" and DON'T set the width of "Table.Column"

Here I expect the cell to get measured, like in the last screenshot, but my data is cropped.

Case 3: When I set "onLoadMore" and the width of "Table.Column" to a value different between the columns

As you see in my screenshot, the header has applied the correct width, but the "Table.Body" doesn't. I think this behavior could be a bug.

Case 4: When I don't set the "onLoadMore" prop and no width value on "Table.Column"

And this is the result I also expected in case 2.

I hope this helps to understand my problem.

To answer your last question: This would be great, but with a one-time adjustment or the possibility to set widths like in case 3, it would also solve my problem!

[cyanxiao]

Thanks for your detailed explanation! I'll look into the issue.

[mikehesse]

Thanks for your detailed explanation! I'll look into the issue.

Hey Chell,
I hope you're doing well so far and I see that nextui is developing fast in a very promising direction!
Do u have any new information on this topic so far or something like a workaround for this behavior?