Actions menu

The DataGrid can display an additional actions menu

Example Usage

const menuActions = [
    {
      key: 'update-line',
      label: 'Modifier',
      onClick: (selectedRows: GridValidRowModel) => {
        console.log(selectedRows);
      },
      disabled: (selectedRows: GridValidRowModel) => selectedRows.length !== 1
    },
    {
      key: 'delete-lines',
      label: 'Supprimer',
      onClick: (selectedRows: GridValidRowModel) => {
        console.log(selectedRows);
      },
      disabled: (selectedRows: GridValidRowModel) => !selectedRows.length,
      color: 'red'
    },
    {
      key: 'action-with-icon',
      label: 'Action avec icône',
      onClick: (selectedRows: GridValidRowModel) => {
        console.log(selectedRows);
      },
      disabled: (selectedRows: GridValidRowModel) => !selectedRows.length,
      icon: <Checkbox color="primary" checked={false} />
    }
  ];

return <DataGridDS
  columns={columns}
  rows={rows}
  checkboxSelection
  disableColumnSelector
  slotProps={{
    toolbar: {
      showQuickFilter: false,
      menuActions
    }
  }}
/>;