Ability to render objects on a Cell

[ruslanguns]

Recently, I had the opportunity to work on a project utilizing Mantine-React-Table. One of the features I was able to add was an expandable cell that renders its content in a tooltip, similar to tables found in popular data visualization tools such as Kibana and Grafana.

One of the key factors that made this implementation possible was the use of the polymorphism approach in Mantine-React-Table. By utilizing this approach, I was able to replicate the expandable cell feature without much effort. This approach allows developers to easily customize and extend the functionality of the library to fit their specific needs.

[dbnar2]

Couldnt this be achievable by just calling a onRowClick and render a modal?

[KevinVandy]

I think your problem might be related to the layoutMode prop that I changed the default value of recently. Try layoutMode="semantic" (instead of the default "grid").

[ruslanguns]

Cool, that fixed my issue and now I'm using the latest version!

[ruslanguns]

Also the missing truncated dots were because I had the click to copy functionality enabled, by disabling it, it now shows the proper truncation.

[KevinVandy]

The layout mode was changed because of some Firefox row border issues. I kinda want to find a root solution to that instead of switching the who CSS layout to flexbox like now.

[ruslanguns]

That seems quite challenging