Material-table: Selection in grouping gives "NaN is an invalid value for the `marginLeft` css style property" warning

Created on 1 Mar 2020  路  11Comments  路  Source: mbrn/material-table

Describe the bug
When I enable grouping of rows and selection, everytime I expand the group this warning shows up.

To Reproduce
I recreated a simple example from the grouping in the documentation and added selection, when the warning appears. codesandbox Try to expand a group and then check the console

Expected behavior
No warning when expanding group

Screenshots
image

Additional context
To further troubleshoot, I:

  1. disabled grouping but enabled selection. No errors/warnings and expected behaviour
  2. enabled grouping and disabled selection. Also no errors/warnings and expected behaviour
In Progress bug has a solution

Most helpful comment

@proohit I just tested a fix for this, confirmed that the fix works, and submitted a PR.

All 11 comments

Pretty sure either this line or this line is why this error is happening..

@proohit I just tested a fix for this, confirmed that the fix works, and submitted a PR.

@oze4 sounds good, thank you. Let's hope for @mbrn to accept the PR. Seems rather busy isn't he?

Also having this issue, and the PR fix did work ;)

REMINDER FOR MYSELF

Resubmit PR for m-table-body-row - these changes had to be removed from the PR referenced above.

Is this fixed?

@Domino987 we can close it out if got these changes in a diff PR that hasn't been submitted yet.

@oze4 Is it fixed yet? I update material-table from 1.59.0 to 1.64.0 and the error is still there

Yeah, I can confirm, the warning is still here.
"react": "^16.12.0"
"material-table": "^1.64.0"

Unfortunately still experiencing!

"material-table": "^1.68.0",
"react": "^16.13.1",

index.js:1406 Warning: NaN is an invalid value for the marginLeft css style property.
in span (created by ForwardRef(ButtonBase))
in ForwardRef(ButtonBase) (created by WithStyles(ForwardRef(ButtonBase)))
in WithStyles(ForwardRef(ButtonBase)) (created by ForwardRef(IconButton))
in ForwardRef(IconButton) (created by WithStyles(ForwardRef(IconButton)))
in WithStyles(ForwardRef(IconButton)) (created by ForwardRef(SwitchBase))
in ForwardRef(SwitchBase) (created by WithStyles(ForwardRef(SwitchBase)))
in WithStyles(ForwardRef(SwitchBase)) (created by ForwardRef(Checkbox))
in ForwardRef(Checkbox) (created by WithStyles(ForwardRef(Checkbox)))
in WithStyles(ForwardRef(Checkbox)) (created by MTableBodyRow)
in td (created by ForwardRef(TableCell))
in ForwardRef(TableCell) (created by WithStyles(ForwardRef(TableCell)))
in WithStyles(ForwardRef(TableCell)) (created by MTableBodyRow)
in tr (created by ForwardRef(TableRow))
in ForwardRef(TableRow) (created by WithStyles(ForwardRef(TableRow)))
in WithStyles(ForwardRef(TableRow)) (created by MTableBodyRow)
in MTableBodyRow (created by MTableGroupRow)
in MTableGroupRow (created by MTableBody)
in tbody (created by ForwardRef(TableBody))

@oze4 please reopen this.

Was this page helpful?
0 / 5 - 0 ratings