Display column Type.CHECKBOX as checkbox even when not being edited

[bggolding]

In the table I'm using, it's quite natural to display a true/false state as a checked or unchecked checkbox. This doesn't seem to be supported out of the box but by using a formatter which renders it as a checkbox I can make it work. It takes an extra click to make it editable and it will then change state as expected.

Is there a way to render this that doesn't require the extra click?

Thanks,

  Ben.

const columns = [
   ..., {
        dataField: 'selected',
        text: 'Selected',
        formatter: (cell) => <Checkbox checked={cell} />,
        editor: {
            type: Type.CHECKBOX
        }
    }
];

[AllenFang]

I think formatter is the best choice, in react-bootstrap-table2, we let developer easy to render or custom their component. Let why i didn't implement some kind of built-in component when table rendering.

but just one question, if user change the checkbox, do you expect the raw data also get changed?

[bggolding]

The checkbox renders as if it were an active component on the page. I think the user would reasonably expect that if they click it that the data would change.

[AllenFang]

@bggolding understand, I will consider to implement a "pre-render" editing cell, thanks. But this priority will be a little bits lower.

[rikinshah23]

if you guys can please help with my question?
#1182