[Feature request] Fillable but not editable columns

This issue has been tracked since 2022-12-27.

My use case is a dropdown column where the user can immediately click on a column to select an option while also seeing drag to fill control, I am achieving this by using onRowChange of theformatter component.

But according to this line, https://github.com/adazzle/react-data-grid/blob/main/src/DragHandle.tsx#L92-L98 the drag-to-fill control do nothing if the editor is not specified (another question why render it at all if it is doing nothing)?

So I need to do something like this to make it work, while it still hides the fill control on double click into the field:

editor: function DropdownColumnFormatter({ row, onClose, onRowChange }) {
    return (
      <DropdownColumnSelect
        {...props}
        // This will open and focus dropdown on enter press in view mode or dblclick
        openOnMount
        row={row}
        onRowChange={row => { 
          console.log(row)
          onRowChange(row, true);
          onClose()
        }}
      />
    );
  },
  editorOptions: {
    renderFormatter: true,
  },
  formatter: function DropdownColumnFormatter({ row, onRowChange }) {
    return (
      <DropdownColumnSelect
        openOnMount={false}
        {...props}
        row={row}
        onRowChange={onRowChange}
      />
    );
  },

I would expect to not specify these props at all or just editable: true and still having an ability to change the row by filling without rendering editor

Your Name

Your Comment

More Details About Repo

Owner Name	adazzle
Repo Name	react-data-grid
Full Name	adazzle/react-data-grid
Language	TypeScript
Created Date	2015-03-06
Updated Date	2023-03-23
Star Count	5922
Watcher Count	129
Fork Count	2072
Issue Count	161

YOU MAY BE INTERESTED

Issue Title	Created Date	Updated Date