Devextreme-reactive: Header Fixed Cell, Border Style Problem

[ahmetcaglayan]

I'm using ...

• [x] React Grid
• [ ] React Chart
• [ ] React Scheduler

Current Behaviour

When the columns are grouped, the border at the top of the lines should not appear. But when the state is updated in the table, the problem is corrected.

Screenshots

Environment

• devextreme-reactive: xxx
• @devexpress/dx-react-core: "^2.0.2",
  @devexpress/dx-react-grid: "^2.0.2",
  @devexpress/dx-react-grid-material-ui: "^2.0.2",
  @material-ui/core: "^4.3.1",
  prop-types: "^15.7.2",
  react: "^16.8.6",
• browser: chrome
• bootstrap: none
• react-bootstrap: none
• material-ui: yes

[LazyLahtak]

Hi @ahmetcaglayan,
 
I couldn't create the same example based on your screenshots. Could you please send a runnable project? This will help us research this case.

[ahmetcaglayan]

https://codesandbox.io/s/devextreme-react-grid-for-material-ui-ysk40

the same applies to the selection column.

[ahmetcaglayan]

[LazyLahtak]

@ahmetcaglayan,

I researched you example and found some mistakes in the styles' definition. Here is the updated example.
If you have further questions, let us know.

[lock[bot]]

This thread has been automatically locked since it is closed and there has not been any recent activity. Please open a new issue for related bugs or feature requests.