Devextreme-reactive: Selection with 3 states including indeterminate

[SferaDev]

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

I'm using ...

• [x] React Grid
• [ ] React Chart
• [ ] Vue Grid

Expected Behaviour

Having a Checkbox that allows 3 states (false, indeterminate, true). We are building an app where either the user or the business updates the grid and selects data.

If the user has checked the checkbox we want to output value true, but if the business layer has checked the checkbox we want it to be checked as indeterminate.

If the RowID is on both arrays then true wins over indeterminate.

Attempts to achieve this

I took as base the solution to a similar (yet different) issue: https://stackblitz.com/edit/react-deg9yu

But I haven't been able to pass an indeterminate property to the cell, similar to how selected property works.

Environment

• "@devexpress/dx-react-core": "^1.4.0"
• "@devexpress/dx-react-grid": "^1.4.0"
• "@devexpress/dx-react-grid-material-ui": "^1.4.0"
• "@material-ui/core": "^1.4.0"
• "@material-ui/icons": "^1.1.0"
• "react": "^16.4.1"

[MaximKudriavtsev]

Hi,

To achieve this behavior, pass a custom TableSelectCell component to the TableSelection plugin's cellCompopnent property.
 
In the following example, the state property has two arrays: selectionByUser specifies items selected by a user; selectionAsIndeterminate specifies items that have indeterminate state.

[SferaDev]

Awesome, it works like a charm! Thanks :)

Maybe all these examples would be useful to be indexed on your website demos.

Congratulations on this excellent library ;)

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