[feat]: Add support for readOnly property in ColumnDef meta

[Abdelhak-Boudhibi]

Feature description

I would like to request a built-in cell editing feature for the DiceUI DataGrid component.

Currently, inline editing requires implementing custom logic per cell (handling focus, input state, commit/cancel, validation, etc.), which becomes repetitive and complex for common CRUD use cases.

Providing first-class support for editable cells would greatly improve developer experience and make DiceUI more suitable for admin panels, dashboards, and data-management apps.

Proposed Capabilities

• Enable/disable editing per column
• Enable/disable editing per row or cell

Suggested API (example)

const columns = [
  {
    accessorKey: "id",
    header: "ID",
    editable: false
  },
  {
    accessorKey: "name",
    header: "Name",
    editable: true,
    editor: "text",
    onCommit: (value, row) => {
      // persist change
    }
  }
];

Additional Context

Additional details here...

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues and PRs

[amine-tayani]

that would be great especially for columns like id etc...

[sadmann7]

i was also thinking about it, will try to put something together in the weekend.