add CSS import to each example

apps/mantine-react-table-docs/examples/advanced/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import {
   MRT_GlobalFilterTextInput,

apps/mantine-react-table-docs/examples/advanced/sandbox/src/Legacy.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 import { Box, Button, Menu, Text, Title } from '@mantine/core';

apps/mantine-react-table-docs/examples/advanced/sandbox/src/TS.tsx

@@ -1,3 +1,5 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root
 import { useMemo } from 'react';
 import {
   MantineReactTable,

apps/mantine-react-table-docs/examples/aggregation-and-grouping/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { Box, Stack } from '@mantine/core';
 import { MantineReactTable, useMantineReactTable } from 'mantine-react-table';

apps/mantine-react-table-docs/examples/aggregation-and-grouping/sandbox/src/Legacy.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { Box, Stack } from '@mantine/core';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';

apps/mantine-react-table-docs/examples/aggregation-and-grouping/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { Box, Stack } from '@mantine/core';
 import {

apps/mantine-react-table-docs/examples/aggregation-multi/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { Box } from '@mantine/core';
 import { MantineReactTable } from 'mantine-react-table';

apps/mantine-react-table-docs/examples/aggregation-multi/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { Box } from '@mantine/core';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';

apps/mantine-react-table-docs/examples/alternate-column-filtering/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 import { data } from './makeData';

apps/mantine-react-table-docs/examples/alternate-column-filtering/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 import { data, type Person } from './makeData';

apps/mantine-react-table-docs/examples/alternate-detail-panel/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 import { Box, Text } from '@mantine/core';

apps/mantine-react-table-docs/examples/alternate-detail-panel/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 import { Box, Text } from '@mantine/core';

apps/mantine-react-table-docs/examples/alternate-pagination/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { MantineReactTable, useMantineReactTable } from 'mantine-react-table';
 import { columns, data } from './makeData';
 

apps/mantine-react-table-docs/examples/alternate-pagination/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { MantineReactTable, useMantineReactTable } from 'mantine-react-table';
 import { columns, data } from './makeData';
 

apps/mantine-react-table-docs/examples/basic/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, useMantineReactTable } from 'mantine-react-table';
 

apps/mantine-react-table-docs/examples/basic/sandbox/src/Legacy.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 

apps/mantine-react-table-docs/examples/basic/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import {
   MantineReactTable,

apps/mantine-react-table-docs/examples/column-actions-space/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 import { data } from './makeData';

apps/mantine-react-table-docs/examples/column-actions-space/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 import { data } from './makeData';

apps/mantine-react-table-docs/examples/column-alignment/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 import { data } from './makeData';

apps/mantine-react-table-docs/examples/column-alignment/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 import { data, type Person } from './makeData';

apps/mantine-react-table-docs/examples/custom-column-actions/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, useMantineReactTable } from 'mantine-react-table';
 import { Menu, Divider } from '@mantine/core';

apps/mantine-react-table-docs/examples/custom-column-actions/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import {
   MantineReactTable,

apps/mantine-react-table-docs/examples/custom-headless/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import {
   flexRender,
   MRT_GlobalFilterTextInput,

apps/mantine-react-table-docs/examples/custom-headless/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import {
   flexRender,
   MRT_GlobalFilterTextInput,

apps/mantine-react-table-docs/examples/custom-top-toolbar/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import {
   MRT_ToggleDensePaddingButton,

apps/mantine-react-table-docs/examples/custom-top-toolbar/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import {
   MRT_ToggleDensePaddingButton,

apps/mantine-react-table-docs/examples/customize-display-columns/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { Box, Button } from '@mantine/core';
 import { MantineReactTable } from 'mantine-react-table';

apps/mantine-react-table-docs/examples/customize-display-columns/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { Box, Button } from '@mantine/core';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';

apps/mantine-react-table-docs/examples/customize-filter-components/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 import { data } from './makeData';

apps/mantine-react-table-docs/examples/customize-filter-components/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 import { data } from './makeData';

apps/mantine-react-table-docs/examples/customize-filter-modes/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 import { Menu } from '@mantine/core';

apps/mantine-react-table-docs/examples/customize-filter-modes/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 import { Menu } from '@mantine/core';

apps/mantine-react-table-docs/examples/customize-filter-variants/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, useMantineReactTable } from 'mantine-react-table';
 import { citiesList, data, usStateList } from './makeData';

apps/mantine-react-table-docs/examples/customize-filter-variants/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import {
   MantineReactTable,

apps/mantine-react-table-docs/examples/customize-global-filter-component/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 import { data } from './makeData';

apps/mantine-react-table-docs/examples/customize-global-filter-component/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 import { data, type Person } from './makeData';

apps/mantine-react-table-docs/examples/customize-row-selection/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, useMantineReactTable } from 'mantine-react-table';
 import { data } from './makeData';

apps/mantine-react-table-docs/examples/customize-row-selection/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import {
   MantineReactTable,

apps/mantine-react-table-docs/examples/customize-table-styles/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 import { data } from './makeData';

apps/mantine-react-table-docs/examples/customize-table-styles/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 import { data, type Person } from './makeData';

apps/mantine-react-table-docs/examples/disable-column-actions/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 

apps/mantine-react-table-docs/examples/disable-column-actions/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 

apps/mantine-react-table-docs/examples/disable-column-filters/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 

apps/mantine-react-table-docs/examples/disable-column-filters/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 

apps/mantine-react-table-docs/examples/disable-column-hiding/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 

apps/mantine-react-table-docs/examples/disable-column-hiding/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 

apps/mantine-react-table-docs/examples/disable-density-toggle/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 import { data } from './makeData';

apps/mantine-react-table-docs/examples/disable-density-toggle/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 import { data, type Person } from './makeData';

apps/mantine-react-table-docs/examples/editing-crud-cell/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo, useState } from 'react';
 import {
   MantineReactTable,

apps/mantine-react-table-docs/examples/editing-crud-cell/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo, useState } from 'react';
 import {
   MantineReactTable,

apps/mantine-react-table-docs/examples/editing-crud-modal/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo, useState } from 'react';
 import {
   MRT_EditActionButtons,

apps/mantine-react-table-docs/examples/editing-crud-modal/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo, useState } from 'react';
 import {
   MRT_EditActionButtons,

apps/mantine-react-table-docs/examples/editing-crud-row/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo, useState } from 'react';
 import {
   MantineReactTable,

apps/mantine-react-table-docs/examples/editing-crud-row/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo, useState } from 'react';
 import {
   MantineReactTable,

apps/mantine-react-table-docs/examples/editing-crud-table/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo, useState } from 'react';
 import {
   MantineReactTable,

apps/mantine-react-table-docs/examples/editing-crud-table/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo, useState } from 'react';
 import {
   MantineReactTable,

apps/mantine-react-table-docs/examples/enable-click-to-copy/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, useMantineReactTable } from 'mantine-react-table';
 import { data } from './makeData';

apps/mantine-react-table-docs/examples/enable-click-to-copy/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import {
   MantineReactTable,

apps/mantine-react-table-docs/examples/enable-column-ordering/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 import { data } from './makeData';

apps/mantine-react-table-docs/examples/enable-column-ordering/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 import { data, type Person } from './makeData';

apps/mantine-react-table-docs/examples/enable-column-pinning/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 import { data } from './makeData';

apps/mantine-react-table-docs/examples/enable-column-pinning/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 import { data, type Person } from './makeData';

apps/mantine-react-table-docs/examples/enable-column-resizing-no-grow/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 import { data } from './makeData';

apps/mantine-react-table-docs/examples/enable-column-resizing-no-grow/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 import { data, type Person } from './makeData';

apps/mantine-react-table-docs/examples/enable-column-resizing/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 import { data } from './makeData';

apps/mantine-react-table-docs/examples/enable-column-resizing/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 import { data, type Person } from './makeData';

apps/mantine-react-table-docs/examples/enable-column-virtualization/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useRef } from 'react';
 import { MantineReactTable, useMantineReactTable } from 'mantine-react-table';
 import { fakeColumns, fakeData } from './makeData';

apps/mantine-react-table-docs/examples/enable-column-virtualization/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useRef } from 'react';
 import {
   MantineReactTable,

apps/mantine-react-table-docs/examples/enable-detail-panel/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 import { Box, Text } from '@mantine/core';

apps/mantine-react-table-docs/examples/enable-detail-panel/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo } from 'react';
 import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
 import { Box, Text } from '@mantine/core';

apps/mantine-react-table-docs/examples/enable-editing-cell/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo, useState } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 import { Text } from '@mantine/core';

apps/mantine-react-table-docs/examples/enable-editing-cell/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo, useState } from 'react';
 import {
   MantineReactTable,

apps/mantine-react-table-docs/examples/enable-editing-modal/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo, useState } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 import { data } from './makeData';

apps/mantine-react-table-docs/examples/enable-editing-modal/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo, useState } from 'react';
 import {
   MantineReactTable,

apps/mantine-react-table-docs/examples/enable-editing-row/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo, useState } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 import { data } from './makeData';

apps/mantine-react-table-docs/examples/enable-editing-row/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo, useState } from 'react';
 import {
   MantineReactTable,

apps/mantine-react-table-docs/examples/enable-editing-table/sandbox/src/JS.js

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo, useState } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
 import { data } from './makeData';

apps/mantine-react-table-docs/examples/enable-editing-table/sandbox/src/TS.tsx

@@ -1,3 +1,4 @@
+import 'mantine-react-table/styles.css'; //make sure MRT styles were imported in your app root (once)
 import { useMemo, useState } from 'react';
 import {
   MantineReactTable,