allow to disable bulk edit via isBulkEditable func (#526)

material-table-core · Apr 13, 2022 · a28088b · a28088b
1 parent 66c1ca4
commit a28088b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 0 deletions.
diff --git a/src/material-table.js b/src/material-table.js
@@ -383,6 +383,8 @@ export default class MaterialTable extends React.Component {
           tooltip: localization.bulkEditTooltip,
           position: 'toolbar',
           hidden: this.dataManager.bulkEditOpen,
+          disabled:
+            calculatedProps.isBulkEditable && calculatedProps.isBulkEditable(),
           onClick: () => {
             this.dataManager.changeBulkEditOpen(true);
             this.props.onBulkEditOpen && this.props.onBulkEditOpen(true);

diff --git a/src/prop-types.js b/src/prop-types.js
@@ -183,6 +183,7 @@ export const propTypes = {
   ]).isRequired,
   editable: PropTypes.shape({
     isEditable: PropTypes.func,
+    isBulkEditable: PropTypes.func,
     isDeletable: PropTypes.func,
     onRowAdd: PropTypes.func,
     onRowUpdate: PropTypes.func,

diff --git a/types/index.d.ts b/types/index.d.ts
@@ -29,6 +29,7 @@ export interface MaterialTableProps<RowData extends object> {
     | (DetailPanel<RowData> | ((rowData: RowData) => DetailPanel<RowData>))[];
   editable?: {
     isEditable?: (rowData: RowData) => boolean;
+    isBulkEditable?: () => boolean;
     isDeletable?: (rowData: RowData) => boolean;
     onBulkUpdate?: (
       changes: Record<number, { oldData: RowData; newData: RowData }>