cell actions example, fix more edge cases with column order state

KevinVandy · Jan 31, 2024 · 49bc9e1 · 49bc9e1
1 parent 68ec92e
commit 49bc9e1
Show file tree

Hide file tree

Showing 31 changed files with 2,944 additions and 58 deletions.
diff --git a/apps/material-react-table-docs/examples/enable-cell-actions/index.tsx b/apps/material-react-table-docs/examples/enable-cell-actions/index.tsx
@@ -0,0 +1,17 @@
+import { SourceCodeSnippet } from '../../components/mdx/SourceCodeSnippet';
+import Example from './sandbox/src/TS';
+const JS = require('!!raw-loader!./sandbox/src/JS.js').default;
+const TS = require('!!raw-loader!./sandbox/src/TS.tsx').default;
+
+const ExampleTable = () => {
+  return (
+    <SourceCodeSnippet
+      Component={Example}
+      javaScriptCode={JS}
+      typeScriptCode={TS}
+      tableId="enable-cell-actions"
+    />
+  );
+};
+
+export default ExampleTable;
diff --git a/apps/material-react-table-docs/examples/enable-cell-actions/sandbox/.gitignore b/apps/material-react-table-docs/examples/enable-cell-actions/sandbox/.gitignore
@@ -0,0 +1,5 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
diff --git a/apps/material-react-table-docs/examples/enable-cell-actions/sandbox/README.md b/apps/material-react-table-docs/examples/enable-cell-actions/sandbox/README.md
@@ -0,0 +1,6 @@
+# Example
+
+To run this example:
+
+- `npm install` or `yarn`
+- `npm run start` or `yarn start`
diff --git a/apps/material-react-table-docs/examples/enable-cell-actions/sandbox/index.html b/apps/material-react-table-docs/examples/enable-cell-actions/sandbox/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Material React Table Example</title>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>