Type.CHECKBOX always shows unchecked when click cell to edit value

[rikinshah23]

Bug description:
When using colunmns.editor as CHECKBOX type, Checked checkbox is shown as Unchecked when clicking on it to update its value.

Steps:

1. Create BootstrapTable with cell Edit props for columns.editor type CHECKBOX.
2. Make checkboxes true by default (for testing)
3. now click on checkbox cell to edit its value
4. Notice - When you click the CHECKED checkbox cell to edit it, it shows Unchecked already while in edit mode. Below images will show it more clearly.

Screenshots:
for example : my grid has 4 checkboxes, 2 of which are currently True.

Now I am clicking on first cell to UnCheck the checkbox.

Notice 2 things in above image -

1. I just clicked the first cell and it shows unchecked checkbox without changing its value. its original value is checked.
   shouldn't it show Checked box?

2. Why checkbox comes on left side when in edit mode?

my checkbox column is like this:

        {
            dataField: 'isActive',
            sort: true,
            text: 'Status',
             editor: {
                    type: Type.CHECKBOX,
                    value: 'Y:N'
                },
            formatter: (cell, row, rowIndex) => {
                //     console.log(cell, row)
                return (
                    <Input type="checkbox" style={{ marginLeft: 90 }} checked={cell} ></Input>
                );
            },
        },

codesandbox sample -
https://bdnuf.sse.codesandbox.io/
In above example - all 4 checkboxes are set to true initially.
Try to click any of the cell for checkbox and notice that it shows as false value.

Expected - It should show as its original value which is true in this case.

Please help

[AllenFang]

1. I just clicked the first cell and it shows unchecked checkbox without changing its value. its original value is checked.

I can't reproduce this, would you please give me a simple and minimal example on codesandbox so that I can help you? thanks

BTW, because you didn't follow up the instruction to open an issue, please follow it. I will help you until I know how to reproduce this issue

[rikinshah23]

Hi @AllenFang thanks for helping on this. I have modified my bug to follow the instructions this time.
Please look at my sandbox to reproduce this issue and my new bug description for more details about this bug.
https://bdnuf.sse.codesandbox.io/

[AllenFang]

@rikinshah23 can you give me the source code which should be online on codesandbox lol

[rikinshah23]

@AllenFang lol cant believe I did that. here is the link for source code.
https://codesandbox.io/s/checkbox-bdnuf

[gmarshall56]

Hello and happy new year.
I am experiencing the same issue. Implemented the same code as rikinshah23 except all my checkboxes in my table are unchecked.
The first click of a checkbox does nothing. The second click turns on the "blue" checkbox. I also see this in the console:

utils.js:52 Uncaught Error: [object Object].isActive is undefined

..and this messages keeps adding up in the console whenever I click on any checkbox.

Also, after setting the first checkbox - by using 2 clicks - when I click on a checkbox in another row, the first checkbox is reset, meaning the "blue" checkbox is now blank again.

I don't think this is the proper behavior for checkboxes, radio buttons perhaps, but not checkboxes.
Thanks