DevExpress / devextreme-reactive

Business React components for Bootstrap and Material-UI

Home Page:https://devexpress.github.io/devextreme-reactive/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

The table group row width display is not correct in the group state.

mfl512 opened this issue · comments

  • I have searched this repository's issues and believe that this is not a duplicate.

I'm using ...

  • React Grid
  • React Chart
  • React Scheduler

Current Behaviour

In grid, if I add resizing feature and set defaultColumnWidth. and then I group one column, the table header row and table value row width will display incorrectly.
image

If I don't set defaultColumnWidths to TableColumnResizing plugin, it will show extra scroll bar at the bottom.
image

Expected Behaviour

I expect the gray line will fill the entire line as haven't add resizing feature.
image

Steps to Reproduce

Link to the example that reproduces the issue: <here is the link> ( examples on CodeSandbox).

Screenshots

Environment

  • devextreme-reactive: 2.7.6
  • react: 17.0.2
  • browser: Version 92.0.4515.131 (Official Build) (64-bit) chrome
  • bootstrap: none
  • react-bootstrap: none
  • material-ui: ^4.11.4