search

icflorescu / mantine-datatable

The table component for your Mantine data-rich applications, supporting asynchronous data loading, column sorting, custom cell data rendering, context menus, nesting, Gmail-style batch row selection, dark theme, and more.
https://icflorescu.github.io/mantine-datatable/
MIT License
911 stars 66 forks source link

mantine version 7 spoiler is not working correctly in mantine-datatable version7 #628

Closed sumancrest0001 closed 3 weeks ago

sumancrest0001 commented 1 month ago

Describe the bug I wanted to build a table in which each row will contain a show more button. when clicked all the hidden content of that row will be shown. I am using the mantine spoiler component to show and hide content. When I use the spoiler component in rows, it will start to jump and continuously switch between expanded and collapsed states. I tried it with a button that will change the height of the rows but I am facing the same issue. it will expand for a brief moment and again go back to the collapsed state.

To Reproduce Steps to reproduce the behavior: use mantine-datatable with mantine spoiler component inside a row that will hide and show certain content of the row.

Expected behavior it is supposed to hide and show content. Same as how spoiler works on normal pages.

Screenshots it was continuously fluctuating between expanded and shrink states. So, hard to take screenshot.

Desktop (please complete the following information):

UPDATE: upon investigating more I found that mantine spoiler is not working correctly in mantine-datatable version 7.

icflorescu commented 3 weeks ago

You should use the row expansion feature to implement this behavior.