material-react-table 1.1.0-beta.0 → 1.1.0

package/dist/esm/table/MRT_TableRoot.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_FilterOption, MRT_Row, MRT_TableInstance, MRT_TableState, MaterialReactTableProps, MRT_Localization } from '..';
-export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(props: Omit<Partial<import("@tanstack/table-core").TableOptions<TData>>, "state" | "data" | "onStateChange" | "initialState" | "columns" | "defaultColumn" | "enableRowSelection" | "expandRowsFn"> & {
+export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(props: Omit<Partial<import("@tanstack/table-core").TableOptions<TData>>, "initialState" | "state" | "onStateChange" | "data" | "columns" | "defaultColumn" | "enableRowSelection" | "expandRowsFn"> & {
     columnFilterModeOptions?: (string | (string & Record<never, never>))[] | null | undefined;
     columns: MRT_ColumnDef<TData>[];
     data: TData[];
@@ -13,7 +13,7 @@ export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(pro
         "mrt-row-select": Partial<MRT_ColumnDef<{}>>;
         "mrt-row-numbers": Partial<MRT_ColumnDef<{}>>;
     }> | undefined;
-    editingMode?: "cell" | "row" | "table" | "modal" | undefined;
+    editingMode?: "row" | "cell" | "table" | "modal" | undefined;
     enableBottomToolbar?: boolean | undefined;
     enableClickToCopy?: boolean | undefined;
     enableColumnActions?: boolean | undefined;
@@ -45,7 +45,7 @@ export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(pro
     icons?: Partial<import("..").MRT_Icons> | undefined;
     initialState?: Partial<MRT_TableState<TData>> | undefined;
     localization?: Partial<MRT_Localization> | undefined;
-    memoMode?: "cell" | "row" | "table-body" | undefined;
+    memoMode?: "rows" | "cells" | "table-body" | undefined;
     muiBottomToolbarProps?: import("@mui/material").ToolbarProps<"div", {}> | (({ table }: {
         table: MRT_TableInstance<TData>;
     }) => import("@mui/material").ToolbarProps<"div", {}>) | undefined;

package/dist/index.d.ts

@@ -5,39 +5,6 @@ import { Options, VirtualItem } from 'react-virtual';
 import * as _tanstack_table_core from '@tanstack/table-core';
 import { RankingInfo } from '@tanstack/match-sorter-utils';
 
-interface MRT_Icons {
-    ArrowRightIcon: any;
-    CancelIcon: any;
-    CheckBoxIcon: any;
-    ClearAllIcon: any;
-    CloseIcon: any;
-    DensityLargeIcon: any;
-    DensityMediumIcon: any;
-    DensitySmallIcon: any;
-    KeyboardDoubleArrowDownIcon: any;
-    DragHandleIcon: any;
-    DynamicFeedIcon: any;
-    EditIcon: any;
-    ExpandLessIcon: any;
-    ExpandMoreIcon: any;
-    FilterAltIcon: any;
-    FilterAltOffIcon: any;
-    FilterListIcon: any;
-    FilterListOffIcon: any;
-    FullscreenExitIcon: any;
-    FullscreenIcon: any;
-    MoreHorizIcon: any;
-    MoreVertIcon: any;
-    PushPinIcon: any;
-    RestartAltIcon: any;
-    SaveIcon: any;
-    SearchIcon: any;
-    SearchOffIcon: any;
-    SortIcon: any;
-    ViewColumnIcon: any;
-    VisibilityOffIcon: any;
-}
-
 declare const MRT_FilterFns: {
     between: {
         <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValues: [string | number, string | number]): boolean;
@@ -105,6 +72,39 @@ declare const MRT_FilterFns: {
     inNumberRange: _tanstack_table_core.FilterFn<any>;
 };
 
+interface MRT_Icons {
+    ArrowRightIcon: any;
+    CancelIcon: any;
+    CheckBoxIcon: any;
+    ClearAllIcon: any;
+    CloseIcon: any;
+    DensityLargeIcon: any;
+    DensityMediumIcon: any;
+    DensitySmallIcon: any;
+    KeyboardDoubleArrowDownIcon: any;
+    DragHandleIcon: any;
+    DynamicFeedIcon: any;
+    EditIcon: any;
+    ExpandLessIcon: any;
+    ExpandMoreIcon: any;
+    FilterAltIcon: any;
+    FilterAltOffIcon: any;
+    FilterListIcon: any;
+    FilterListOffIcon: any;
+    FullscreenExitIcon: any;
+    FullscreenIcon: any;
+    MoreHorizIcon: any;
+    MoreVertIcon: any;
+    PushPinIcon: any;
+    RestartAltIcon: any;
+    SaveIcon: any;
+    SearchIcon: any;
+    SearchOffIcon: any;
+    SortIcon: any;
+    ViewColumnIcon: any;
+    VisibilityOffIcon: any;
+}
+
 declare const MRT_SortingFns: {
     fuzzy: <TData extends Record<string, any> = {}>(rowA: Row<TData>, rowB: Row<TData>, columnId: string) => number;
     alphanumeric: _tanstack_table_core.SortingFn<any>;
@@ -439,7 +439,7 @@ declare type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<Column
         onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
         table: MRT_TableInstance<TData>;
     }) => ReactNode[];
-    sortingFn?: MRT_SortingFn;
+    sortingFn?: MRT_SortingFn<TData>;
 };
 declare type MRT_DefinedColumnDef<TData extends Record<string, any> = {}> = Omit<MRT_ColumnDef<TData>, 'id' | 'defaultDisplayColumn'> & {
     defaultDisplayColumn: Partial<MRT_ColumnDef<TData>>;
@@ -564,7 +564,7 @@ declare type MaterialReactTableProps<TData extends Record<string, any> = {}> = O
      * @warning This will break some dynamic rendering features. See the memoization guide for more info:
      * @link https://www.material-react-table.com/docs/guides/memoize-components
      */
-    memoMode?: 'cell' | 'row' | 'table-body';
+    memoMode?: 'cells' | 'rows' | 'table-body';
     muiBottomToolbarProps?: ToolbarProps | (({ table }: {
         table: MRT_TableInstance<TData>;
     }) => ToolbarProps);

package/locales/ja.d.ts

@@ -0,0 +1,2 @@
+import { MRT_Localization } from '../MaterialReactTable';
+export declare const MRT_Localization_JA: MRT_Localization;

package/locales/ja.esm.d.ts

@@ -0,0 +1,2 @@
+import { MRT_Localization } from '../MaterialReactTable';
+export declare const MRT_Localization_JA: MRT_Localization;

package/locales/ja.esm.js

@@ -0,0 +1,92 @@
+const MRT_Localization_JA = {
+    actions: '操作',
+    and: 'と',
+    cancel: 'キャンセル',
+    changeFilterMode: '検索モードを変更',
+    changeSearchMode: '検索モードを変更',
+    clearFilter: 'リセット',
+    clearSearch: 'リセット',
+    clearSort: '並べ替えを解除',
+    clickToCopy: 'クリックでコピー',
+    columnActions: '操作',
+    copiedToClipboard: 'クリップボードにコピーしました',
+    dropToGroupBy: 'ドロップで{column}をグループ化',
+    edit: '編集',
+    expand: '展開',
+    expandAll: 'すべて展開',
+    filterArrIncludes: '含む',
+    filterArrIncludesAll: '全て含む',
+    filterArrIncludesSome: '含む',
+    filterBetween: '最大最小',
+    filterBetweenInclusive: '間を含む',
+    filterByColumn: '{column}を検索',
+    filterContains: '含まれる',
+    filterEmpty: '空',
+    filterEndsWith: 'で終わる',
+    filterEquals: '一致',
+    filterEqualsString: '一致',
+    filterFuzzy: 'あいまい検索',
+    filterGreaterThan: 'より大きい',
+    filterGreaterThanOrEqualTo: '以上',
+    filterInNumberRange: '間',
+    filterIncludesString: '含む',
+    filterIncludesStringSensitive: '含む',
+    filterLessThan: 'より少ない',
+    filterLessThanOrEqualTo: '以下',
+    filterMode: '検索モード:{filterType}',
+    filterNotEmpty: '空ではない',
+    filterNotEquals: '不一致',
+    filterStartsWith: 'で始まる',
+    filterWeakEquals: '等しい',
+    filteringByColumn: '{column}によるフィルタリング - {filterType}{filterValue}',
+    goToFirstPage: '最初のページへ移動',
+    goToLastPage: '最後のページへ移動',
+    goToNextPage: '次のページへ移動',
+    goToPreviousPage: '前のページに移動',
+    grab: '掴む',
+    groupByColumn: '{column}をグループ化',
+    groupedBy: 'グループ化',
+    hideAll: '全て隠す',
+    hideColumn: '{column}を隠す',
+    max: '最大',
+    min: '最小',
+    move: '移動',
+    noRecordsToDisplay: '表示するレコードがありません',
+    noResultsFound: '結果なし',
+    of: '/',
+    or: 'または',
+    pinToLeft: '左に固定',
+    pinToRight: '右に固定',
+    resetColumnSize: '列のサイズをリセット',
+    resetOrder: '並べ替えをリセット',
+    rowActions: '行の操作',
+    rowNumber: 'No.',
+    rowNumbers: '行番号',
+    rowsPerPage: '表示件数',
+    save: '保存',
+    search: '検索',
+    selectedCountOfRowCountRowsSelected: '{rowCount}行中{selectedCount}行が選択されました',
+    select: '選択',
+    showAll: '全て表示',
+    showAllColumns: 'すべての列を表示',
+    showHideColumns: '列の表示状態',
+    showHideFilters: '検索バーを表示',
+    showHideSearch: '検索',
+    sortByColumnAsc: '{column}を昇順でを並べ替え',
+    sortByColumnDesc: '{column}を降順でを並べ替え',
+    sortedByColumnAsc: '{column}を昇順でを並べ替え',
+    sortedByColumnDesc: '{column}を降順でを並べ替え',
+    thenBy: 'さらに',
+    toggleDensity: 'テーブルの高さを変更',
+    toggleFullScreen: 'フルスクリーン切り替え',
+    toggleSelectAll: 'すべて選択',
+    toggleSelectRow: '選択',
+    toggleVisibility: '表示を切り替え',
+    ungroupByColumn: '{column}のグループ解除',
+    unpin: '固定を解除',
+    unpinAll: 'すべての固定を解除',
+    unsorted: '並べ替える',
+};
+
+export { MRT_Localization_JA };
+//# sourceMappingURL=ja.esm.js.map

package/locales/ja.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ja.esm.js","sources":["../src/_locales/ja.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/locales/ja.js

@@ -0,0 +1,96 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const MRT_Localization_JA = {
+    actions: '操作',
+    and: 'と',
+    cancel: 'キャンセル',
+    changeFilterMode: '検索モードを変更',
+    changeSearchMode: '検索モードを変更',
+    clearFilter: 'リセット',
+    clearSearch: 'リセット',
+    clearSort: '並べ替えを解除',
+    clickToCopy: 'クリックでコピー',
+    columnActions: '操作',
+    copiedToClipboard: 'クリップボードにコピーしました',
+    dropToGroupBy: 'ドロップで{column}をグループ化',
+    edit: '編集',
+    expand: '展開',
+    expandAll: 'すべて展開',
+    filterArrIncludes: '含む',
+    filterArrIncludesAll: '全て含む',
+    filterArrIncludesSome: '含む',
+    filterBetween: '最大最小',
+    filterBetweenInclusive: '間を含む',
+    filterByColumn: '{column}を検索',
+    filterContains: '含まれる',
+    filterEmpty: '空',
+    filterEndsWith: 'で終わる',
+    filterEquals: '一致',
+    filterEqualsString: '一致',
+    filterFuzzy: 'あいまい検索',
+    filterGreaterThan: 'より大きい',
+    filterGreaterThanOrEqualTo: '以上',
+    filterInNumberRange: '間',
+    filterIncludesString: '含む',
+    filterIncludesStringSensitive: '含む',
+    filterLessThan: 'より少ない',
+    filterLessThanOrEqualTo: '以下',
+    filterMode: '検索モード:{filterType}',
+    filterNotEmpty: '空ではない',
+    filterNotEquals: '不一致',
+    filterStartsWith: 'で始まる',
+    filterWeakEquals: '等しい',
+    filteringByColumn: '{column}によるフィルタリング - {filterType}{filterValue}',
+    goToFirstPage: '最初のページへ移動',
+    goToLastPage: '最後のページへ移動',
+    goToNextPage: '次のページへ移動',
+    goToPreviousPage: '前のページに移動',
+    grab: '掴む',
+    groupByColumn: '{column}をグループ化',
+    groupedBy: 'グループ化',
+    hideAll: '全て隠す',
+    hideColumn: '{column}を隠す',
+    max: '最大',
+    min: '最小',
+    move: '移動',
+    noRecordsToDisplay: '表示するレコードがありません',
+    noResultsFound: '結果なし',
+    of: '/',
+    or: 'または',
+    pinToLeft: '左に固定',
+    pinToRight: '右に固定',
+    resetColumnSize: '列のサイズをリセット',
+    resetOrder: '並べ替えをリセット',
+    rowActions: '行の操作',
+    rowNumber: 'No.',
+    rowNumbers: '行番号',
+    rowsPerPage: '表示件数',
+    save: '保存',
+    search: '検索',
+    selectedCountOfRowCountRowsSelected: '{rowCount}行中{selectedCount}行が選択されました',
+    select: '選択',
+    showAll: '全て表示',
+    showAllColumns: 'すべての列を表示',
+    showHideColumns: '列の表示状態',
+    showHideFilters: '検索バーを表示',
+    showHideSearch: '検索',
+    sortByColumnAsc: '{column}を昇順でを並べ替え',
+    sortByColumnDesc: '{column}を降順でを並べ替え',
+    sortedByColumnAsc: '{column}を昇順でを並べ替え',
+    sortedByColumnDesc: '{column}を降順でを並べ替え',
+    thenBy: 'さらに',
+    toggleDensity: 'テーブルの高さを変更',
+    toggleFullScreen: 'フルスクリーン切り替え',
+    toggleSelectAll: 'すべて選択',
+    toggleSelectRow: '選択',
+    toggleVisibility: '表示を切り替え',
+    ungroupByColumn: '{column}のグループ解除',
+    unpin: '固定を解除',
+    unpinAll: 'すべての固定を解除',
+    unsorted: '並べ替える',
+};
+
+exports.MRT_Localization_JA = MRT_Localization_JA;
+//# sourceMappingURL=ja.js.map

package/locales/ja.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ja.js","sources":["../src/_locales/ja.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.1.0-beta.0",
+  "version": "1.1.0",
   "license": "MIT",
   "name": "material-react-table",
   "description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",
@@ -50,26 +50,26 @@
     "storybook": "start-storybook -p 6006"
   },
   "devDependencies": {
-    "@babel/core": "^7.19.0",
+    "@babel/core": "^7.19.1",
     "@babel/preset-react": "^7.18.6",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@faker-js/faker": "^7.5.0",
-    "@mui/icons-material": "^5.10.3",
-    "@mui/material": "^5.10.5",
+    "@mui/icons-material": "^5.10.6",
+    "@mui/material": "^5.10.6",
     "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-node-resolve": "^14.1.0",
     "@rollup/plugin-typescript": "^8.5.0",
     "@size-limit/preset-small-lib": "^8.1.0",
-    "@storybook/addon-a11y": "^6.5.10",
-    "@storybook/addon-actions": "^6.5.10",
-    "@storybook/addon-essentials": "^6.5.10",
+    "@storybook/addon-a11y": "^6.5.12",
+    "@storybook/addon-actions": "^6.5.12",
+    "@storybook/addon-essentials": "^6.5.12",
     "@storybook/addon-info": "^5.3.21",
-    "@storybook/addon-links": "^6.5.10",
-    "@storybook/addon-storysource": "^6.5.10",
-    "@storybook/addons": "^6.5.10",
-    "@storybook/react": "^6.5.10",
-    "@types/react": "^18.0.19",
+    "@storybook/addon-links": "^6.5.12",
+    "@storybook/addon-storysource": "^6.5.12",
+    "@storybook/addons": "^6.5.12",
+    "@storybook/react": "^6.5.12",
+    "@types/react": "^18.0.20",
     "@types/react-dom": "^18.0.6",
     "babel-loader": "^8.2.5",
     "eslint": "^8.23.1",
@@ -84,7 +84,7 @@
     "rollup-plugin-dts": "^4.2.2",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "size-limit": "^8.1.0",
-    "storybook-dark-mode": "^1.1.0",
+    "storybook-dark-mode": "^1.1.2",
     "tslib": "^2.4.0",
     "typescript": "^4.8.3"
   },

package/src/MaterialReactTable.tsx

@@ -44,12 +44,12 @@ import type {
 import type { Options as VirtualizerOptions, VirtualItem } from 'react-virtual';
 // import type { VirtualizerOptions } from '@tanstack/react-virtual';
 import { MRT_AggregationFns } from './aggregationFns';
-import { MRT_Default_Icons, MRT_Icons } from './icons';
+import { MRT_DefaultColumn, MRT_DefaultDisplayColumn } from './column.utils';
 import { MRT_FilterFns } from './filterFns';
-import { MRT_Localization_EN } from './_locales/en';
+import { MRT_Default_Icons, MRT_Icons } from './icons';
 import { MRT_SortingFns } from './sortingFns';
 import { MRT_TableRoot } from './table/MRT_TableRoot';
-import { MRT_DefaultColumn, MRT_DefaultDisplayColumn } from './column.utils';
+import { MRT_Localization_EN } from './_locales/en';
 
 /**
  * Most of this file is just TypeScript types
@@ -500,7 +500,7 @@ export type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<
     onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
     table: MRT_TableInstance<TData>;
   }) => ReactNode[];
-  sortingFn?: MRT_SortingFn;
+  sortingFn?: MRT_SortingFn<TData>;
 };
 
 export type MRT_DefinedColumnDef<TData extends Record<string, any> = {}> = Omit<
@@ -676,11 +676,11 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> =
     localization?: Partial<MRT_Localization>;
     /**
      * Memoize cells, rows, or the entire table body to potentially improve render performance.
-     * 
+     *
      * @warning This will break some dynamic rendering features. See the memoization guide for more info:
      * @link https://www.material-react-table.com/docs/guides/memoize-components
      */
-    memoMode?: 'cell' | 'row' | 'table-body';
+    memoMode?: 'cells' | 'rows' | 'table-body';
     muiBottomToolbarProps?:
       | ToolbarProps
       | (({ table }: { table: MRT_TableInstance<TData> }) => ToolbarProps);

package/src/_locales/ja.ts

@@ -1 +1,92 @@
-//Not supported yet, but if you want to help, copy en.ts file contents here and translate, then make a PR
+import { MRT_Localization } from '../MaterialReactTable';
+
+export const MRT_Localization_JA: MRT_Localization = {
+  actions: '操作',
+  and: 'と',
+  cancel: 'キャンセル',
+  changeFilterMode: '検索モードを変更',
+  changeSearchMode: '検索モードを変更',
+  clearFilter: 'リセット',
+  clearSearch: 'リセット',
+  clearSort: '並べ替えを解除',
+  clickToCopy: 'クリックでコピー',
+  columnActions: '操作',
+  copiedToClipboard: 'クリップボードにコピーしました',
+  dropToGroupBy: 'ドロップで{column}をグループ化',
+  edit: '編集',
+  expand: '展開',
+  expandAll: 'すべて展開',
+  filterArrIncludes: '含む',
+  filterArrIncludesAll: '全て含む',
+  filterArrIncludesSome: '含む',
+  filterBetween: '最大最小',
+  filterBetweenInclusive: '間を含む',
+  filterByColumn: '{column}を検索',
+  filterContains: '含まれる',
+  filterEmpty: '空',
+  filterEndsWith: 'で終わる',
+  filterEquals: '一致',
+  filterEqualsString: '一致',
+  filterFuzzy: 'あいまい検索',
+  filterGreaterThan: 'より大きい',
+  filterGreaterThanOrEqualTo: '以上',
+  filterInNumberRange: '間',
+  filterIncludesString: '含む',
+  filterIncludesStringSensitive: '含む',
+  filterLessThan: 'より少ない',
+  filterLessThanOrEqualTo: '以下',
+  filterMode: '検索モード:{filterType}',
+  filterNotEmpty: '空ではない',
+  filterNotEquals: '不一致',
+  filterStartsWith: 'で始まる',
+  filterWeakEquals: '等しい',
+  filteringByColumn: '{column}によるフィルタリング - {filterType}{filterValue}',
+  goToFirstPage: '最初のページへ移動',
+  goToLastPage: '最後のページへ移動',
+  goToNextPage: '次のページへ移動',
+  goToPreviousPage: '前のページに移動',
+  grab: '掴む',
+  groupByColumn: '{column}をグループ化',
+  groupedBy: 'グループ化',
+  hideAll: '全て隠す',
+  hideColumn: '{column}を隠す',
+  max: '最大',
+  min: '最小',
+  move: '移動',
+  noRecordsToDisplay: '表示するレコードがありません',
+  noResultsFound: '結果なし',
+  of: '/',
+  or: 'または',
+  pinToLeft: '左に固定',
+  pinToRight: '右に固定',
+  resetColumnSize: '列のサイズをリセット',
+  resetOrder: '並べ替えをリセット',
+  rowActions: '行の操作',
+  rowNumber: 'No.',
+  rowNumbers: '行番号',
+  rowsPerPage: '表示件数',
+  save: '保存',
+  search: '検索',
+  selectedCountOfRowCountRowsSelected:
+    '{rowCount}行中{selectedCount}行が選択されました',
+  select: '選択',
+  showAll: '全て表示',
+  showAllColumns: 'すべての列を表示',
+  showHideColumns: '列の表示状態',
+  showHideFilters: '検索バーを表示',
+  showHideSearch: '検索',
+  sortByColumnAsc: '{column}を昇順でを並べ替え',
+  sortByColumnDesc: '{column}を降順でを並べ替え',
+  sortedByColumnAsc: '{column}を昇順でを並べ替え',
+  sortedByColumnDesc: '{column}を降順でを並べ替え',
+  thenBy: 'さらに',
+  toggleDensity: 'テーブルの高さを変更',
+  toggleFullScreen: 'フルスクリーン切り替え',
+  toggleSelectAll: 'すべて選択',
+  toggleSelectRow: '選択',
+  toggleVisibility: '表示を切り替え',
+  ungroupByColumn: '{column}のグループ解除',
+  unpin: '固定を解除',
+  unpinAll: 'すべての固定を解除',
+  unsorted: '並べ替える',
+};

package/src/body/MRT_TableBody.tsx

@@ -151,6 +151,7 @@ export const MRT_TableBody: FC<Props> = ({ table }) => {
                 : (rowOrVirtualRow as MRT_Row);
               const props = {
                 key: row.id,
+                numRows: rows.length,
                 row,
                 rowIndex: enableRowVirtualization
                   ? rowOrVirtualRow.index
@@ -158,7 +159,7 @@ export const MRT_TableBody: FC<Props> = ({ table }) => {
                 table,
                 virtualRow: enableRowVirtualization ? rowOrVirtualRow : null,
               };
-              return memoMode === 'row' ? (
+              return memoMode === 'rows' ? (
                 <Memo_MRT_TableBodyRow {...props} />
               ) : (
                 <MRT_TableBodyRow {...props} />
@@ -176,4 +177,7 @@ export const MRT_TableBody: FC<Props> = ({ table }) => {
   );
 };
 
-export const Memo_MRT_TableBody = memo(MRT_TableBody, () => true);
+export const Memo_MRT_TableBody = memo(
+  MRT_TableBody,
+  (prev, next) => prev.table.options.data === next.table.options.data,
+);

package/src/body/MRT_TableBodyCell.tsx

@@ -5,6 +5,7 @@ import React, {
   MouseEvent,
   RefObject,
   useEffect,
+  useMemo,
   useState,
 } from 'react';
 import { darken, lighten, Skeleton, TableCell, useTheme } from '@mui/material';
@@ -18,6 +19,7 @@ import type { MRT_Cell, MRT_TableInstance } from '..';
 interface Props {
   cell: MRT_Cell;
   enableHover?: boolean;
+  numRows: number;
   rowIndex: number;
   rowRef: RefObject<HTMLTableRowElement>;
   table: MRT_TableInstance;
@@ -26,6 +28,7 @@ interface Props {
 export const MRT_TableBodyCell: FC<Props> = ({
   cell,
   enableHover,
+  numRows,
   rowIndex,
   rowRef,
   table,
@@ -39,7 +42,6 @@ export const MRT_TableBodyCell: FC<Props> = ({
       enableColumnOrdering,
       enableEditing,
       enableGrouping,
-      enablePagination,
       enableRowNumbers,
       muiTableBodyCellProps,
       muiTableBodyCellSkeletonProps,
@@ -82,17 +84,6 @@ export const MRT_TableBodyCell: FC<Props> = ({
       ? muiTableBodyCellSkeletonProps({ cell, column, row, table })
       : muiTableBodyCellSkeletonProps;
 
-  const isEditable =
-    (enableEditing || columnDef.enableEditing) &&
-    columnDef.enableEditing !== false;
-
-  const isEditing =
-    isEditable &&
-    editingMode !== 'modal' &&
-    (editingMode === 'table' ||
-      editingRow?.id === row.id ||
-      editingCell?.id === cell.id);
-
   const [skeletonWidth, setSkeletonWidth] = useState(0);
   useEffect(
     () =>
@@ -106,9 +97,42 @@ export const MRT_TableBodyCell: FC<Props> = ({
               )
           : 100,
       ),
-    [isLoading, showSkeletons],
+    [],
+  );
+
+  const draggingBorder = useMemo(
+    () =>
+      draggingColumn?.id === column.id
+        ? `1px dashed ${theme.palette.text.secondary}`
+        : hoveredColumn?.id === column.id
+        ? `2px dashed ${theme.palette.primary.main}`
+        : undefined,
+    [draggingColumn, hoveredColumn],
   );
 
+  const draggingBorders = useMemo(
+    () =>
+      draggingBorder
+        ? {
+            borderLeft: draggingBorder,
+            borderRight: draggingBorder,
+            borderBottom: rowIndex === numRows - 1 ? draggingBorder : undefined,
+          }
+        : undefined,
+    [draggingBorder, numRows],
+  );
+
+  const isEditable =
+    (enableEditing || columnDef.enableEditing) &&
+    columnDef.enableEditing !== false;
+
+  const isEditing =
+    isEditable &&
+    editingMode !== 'modal' &&
+    (editingMode === 'table' ||
+      editingRow?.id === row.id ||
+      editingCell?.id === cell.id);
+
   const handleDoubleClick = (event: MouseEvent<HTMLTableCellElement>) => {
     tableCellProps?.onDoubleClick?.(event);
     if (
@@ -139,29 +163,6 @@ export const MRT_TableBodyCell: FC<Props> = ({
     }
   };
 
-  const draggingBorder =
-    draggingColumn?.id === column.id
-      ? `1px dashed ${theme.palette.text.secondary}`
-      : hoveredColumn?.id === column.id
-      ? `2px dashed ${theme.palette.primary.main}`
-      : undefined;
-
-  const draggingBorders = draggingBorder
-    ? {
-        borderLeft: draggingBorder,
-        borderRight: draggingBorder,
-        borderBottom:
-          row.index ===
-          (enablePagination
-            ? table.getRowModel()
-            : table.getPrePaginationRowModel()
-          ).rows.length -
-            1
-            ? draggingBorder
-            : undefined,
-      }
-    : undefined;
-
   return (
     <TableCell
       {...tableCellProps}