Allow extending core table features (#399)

Co-authored-by: Hitendra Malviya <[email protected]>

apps/material-react-table-docs/components/prop-tables/rootProps.ts

@@ -1895,4 +1895,14 @@ export const rootProps: PropRow[] = [
     source: 'MRT',
     type: 'MutableRefObject<Virtualizer | null>',
   },
+  {
+    propName: 'tableFeatures',
+    defaultValue: '',
+    description: '',
+    link: '',
+    linkText: '',
+    required: false,
+    source: '',
+    type: 'Array<(table: MRT_TableInstance<any>) => any>',
+  },
 ];

packages/material-react-table/src/MaterialReactTable.tsx

@@ -567,6 +567,11 @@ export type MRT_DisplayColumnIds =
   | 'mrt-row-numbers'
   | 'mrt-row-select';
 
+export type MRT_CreateTableFeature<
+  TData extends Record<string, any> = {},
+  TFeature = any,
+> = (table: MRT_TableInstance<TData>) => TFeature;
+
 /**
  * `columns` and `data` props are the only required props, but there are over 150 other optional props.
  *
@@ -949,6 +954,10 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> =
      * @deprecated Use `rowVirtualizerProps` instead
      */
     virtualizerProps?: any;
+    /**
+     * Sequence of features important any dependent feature must be defined first
+     */
+    tableFeatures?: Array<MRT_CreateTableFeature<TData>>;
   };
 
 const MaterialReactTable = <TData extends Record<string, any> = {}>({

packages/material-react-table/src/table/MRT_TableRoot.tsx

@@ -332,6 +332,12 @@ export const MRT_TableRoot: any = <TData extends Record<string, any> = {}>(
       props.onShowToolbarDropZoneChange ?? setShowToolbarDropZone,
   } as MRT_TableInstance<TData>;
 
+  if (props.tableFeatures) {
+    props.tableFeatures.forEach(feature => {
+      Object.assign(table, feature(table));
+    });
+  }
+
   if (props.tableInstanceRef) {
     props.tableInstanceRef.current = table;
   }