AllenFang / AllenFang/react-bootstrap-table

mode: radio with clickToSelectAndEditCell: true has wrong behaviour

Open
#1,615 1 comment 0 reactions 0 assignees View on GitHub
bug in progress
Dominant language
JavaScript
Stars
2.2k
Forks
761
PR merge metrics
No merged PRs in 30d

Description

Hello,
I think we have a wrong behaviour with `clickToSelectAndEditCell: true` and `mode:radio`

**Situation 1:**
Any table with `cellEdit={ cellEditTableData }` `selectRow={ selectRow } ` and this const values:
```
const cellEditTableData = {
mode: 'dbclick'
};
```
```
const selectRow = {
mode: 'radio',
bgColor: function(row, isSelect) {
if (isSelect) {
return '#e6daac';
}
return null;
}
};
```
Now we have a table with radio buttons. When we click on the radio button we can select a row. If we click on the same radio button of the row, which is right now selected, nothing happens. The row is still selected, we cannot unselect the row.

**Situation 2:**
we have the same table again with `celledit `and with this changed const value for `selectRow`:
```
const selectRowTableTaenze = {
mode: 'radio',
clickToSelectAndEditCell: true, //the difference to the first situation.
bgColor: function(row, isSelect) {
if (isSelect) {
return '#e6daac';
}
return null;
}
};
```
What happens now. We can click on the row -> The row is selected. We click again on the same row, which is right now selected -> suddenly I can deselect the row! This shouldn't happen if I have choosen `mode: radio`. I understand this behaviour when we have `mode:checkbox`, but on `mode:radio` it is not correct.

Thank you

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.