Devextreme-reactive: Exception is thrown on removing a column when column bands is used and the last column is aligned to the right

[karczk]

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

I'm using ...

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

Current Behaviour

Grid crash - unhandled error

Uncaught TypeError: Cannot read property '0' of undefined
    at getBandComponent

Expected Behaviour

Column should be removed without any error.

Steps to Reproduce

Click on the button:
https://codesandbox.io/s/devextreme-react-grid-for-bootstrap-4-x6jrx

This is the minimal setup, I've set the width to force some columns to be invisible (children of the group). Also fixed column on the right side is required to reproduce it.

Screenshots

Environment

• devextreme-reactive: 2.4.0 / 2.6.0
• react: 16.x
• browser: Chrome / Firefox
• bootstrap: 4.x
• react-bootstrap: none
• material-ui: none

[ushkal]

Hi @karczk ,

Thank you for reporting this issue. I've reproduced it and we'll fix it soon.

[mwoody1]

@ushkal Not sure if it will be of any use, but I've come accross a scenario where this occurs without aligning any columns. Using this sandbox, if any banded column is hidden first it will product the same error.

[MaximKudriavtsev]

Hi @mwoody1,

Thank you for your participation! It will help us to fix the problem.

[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.