Skip to content

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

Open
@bggolding

Description

@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
        }
    }
];

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions