icflorescu/mantine-datatable

Row Expansion causes columns to resize for no reason.

Opened this issue · 0 comments

th3oth3rjak3 commented

Describe the bug
When the data table is rendered and all columns have plenty of space around child elements, clicking the row to expand it causes the columns to resize unnecessarily. This is a bit jarring for a user. It's also made worse when there are filter and sort icons on the top. This only occurs in certain situations, but I haven't been able to narrow down why.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://icflorescu.github.io/mantine-datatable/examples/expanding-rows/#using-collapse-function-in-row-expansion-content
  2. Make sure the browser window is wide enough that all columns have plenty of space.
  3. Expand rows and observe column width resizing. *Note that other tables above this example are fine.

Expected behavior
Row expansion should not change column sizes.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]: Windows 11
  • Browser [e.g. chrome, safari]: Firefox
  • Version [e.g. 22] 131.0.3