material-react-table 2.12.0 → 2.13.0

package/locales/pl/index.esm.js

@@ -55,7 +55,7 @@ const MRT_Localization_PL = {
     max: 'Maks.',
     min: 'Min.',
     move: 'Przenieś',
-    noRecordsToDisplay: 'Brak rekordów do wyświetlenia',
+    noRecordsToDisplay: 'Brak wyników do wyświetlenia',
     noResultsFound: 'Brak wyników',
     of: 'z',
     or: 'lub',
@@ -66,11 +66,11 @@ const MRT_Localization_PL = {
     resetOrder: 'Resetuj kolejność',
     rowActions: 'Akcje dla rekordu',
     rowNumber: '#',
-    rowNumbers: 'Liczba rekordów',
-    rowsPerPage: 'Rekordów na stronę',
+    rowNumbers: 'Liczba wyników',
+    rowsPerPage: 'Wyników na stronę',
     save: 'Zapisz',
     search: 'Szukaj',
-    selectedCountOfRowCountRowsSelected: 'Wybrano {selectedCount} z {rowCount} rekordów',
+    selectedCountOfRowCountRowsSelected: 'Wybrano {selectedCount} z {rowCount} wyników',
     select: 'Wybierz',
     showAll: 'Pokaż wszystko',
     showAllColumns: 'Pokaż wszystkie kolumny',
@@ -82,7 +82,7 @@ const MRT_Localization_PL = {
     sortedByColumnAsc: 'Sortuj wg {column} rosnąco',
     sortedByColumnDesc: 'Sortuj wg {column} malejąco',
     thenBy: ', następnie wg ',
-    toggleDensity: 'Przełącz gęstość rekordów',
+    toggleDensity: 'Przełącz gęstość wyników',
     toggleFullScreen: 'Tryb pełnoekranowy',
     toggleSelectAll: 'Zaznacz wszystkie',
     toggleSelectRow: 'Zaznacz rekord',

package/locales/pl/index.js

@@ -59,7 +59,7 @@ const MRT_Localization_PL = {
     max: 'Maks.',
     min: 'Min.',
     move: 'Przenieś',
-    noRecordsToDisplay: 'Brak rekordów do wyświetlenia',
+    noRecordsToDisplay: 'Brak wyników do wyświetlenia',
     noResultsFound: 'Brak wyników',
     of: 'z',
     or: 'lub',
@@ -70,11 +70,11 @@ const MRT_Localization_PL = {
     resetOrder: 'Resetuj kolejność',
     rowActions: 'Akcje dla rekordu',
     rowNumber: '#',
-    rowNumbers: 'Liczba rekordów',
-    rowsPerPage: 'Rekordów na stronę',
+    rowNumbers: 'Liczba wyników',
+    rowsPerPage: 'Wyników na stronę',
     save: 'Zapisz',
     search: 'Szukaj',
-    selectedCountOfRowCountRowsSelected: 'Wybrano {selectedCount} z {rowCount} rekordów',
+    selectedCountOfRowCountRowsSelected: 'Wybrano {selectedCount} z {rowCount} wyników',
     select: 'Wybierz',
     showAll: 'Pokaż wszystko',
     showAllColumns: 'Pokaż wszystkie kolumny',
@@ -86,7 +86,7 @@ const MRT_Localization_PL = {
     sortedByColumnAsc: 'Sortuj wg {column} rosnąco',
     sortedByColumnDesc: 'Sortuj wg {column} malejąco',
     thenBy: ', następnie wg ',
-    toggleDensity: 'Przełącz gęstość rekordów',
+    toggleDensity: 'Przełącz gęstość wyników',
     toggleFullScreen: 'Tryb pełnoekranowy',
     toggleSelectAll: 'Zaznacz wszystkie',
     toggleSelectRow: 'Zaznacz rekord',

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.12.0",
+  "version": "2.13.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.",
@@ -56,39 +56,38 @@
     "lib:dev": "rollup -c rollup.config.mjs --watch",
     "lint": "eslint .",
     "size": "size-limit",
-    "storybook": "pnpm storybook:dev",
+    "storybook": "storybook dev -p 6006",
     "storybook:build": "storybook build",
-    "storybook:dev": "storybook dev -p 6006"
+    "storybook:dev": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.9",
-    "@babel/preset-react": "^7.23.3",
-    "@emotion/react": "^11.11.3",
-    "@emotion/styled": "^11.11.0",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
     "@faker-js/faker": "^8.4.1",
-    "@mui/icons-material": "^5.15.10",
-    "@mui/material": "^5.15.10",
-    "@mui/x-date-pickers": "^6.19.4",
+    "@mui/icons-material": "^5.15.15",
+    "@mui/material": "^5.15.15",
+    "@mui/x-date-pickers": "^7.2.0",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@size-limit/preset-small-lib": "^11.0.2",
-    "@storybook/addon-a11y": "^7.6.16",
-    "@storybook/addon-essentials": "^7.6.16",
-    "@storybook/addon-interactions": "^7.6.16",
-    "@storybook/addon-links": "^7.6.16",
-    "@storybook/addon-storysource": "^7.6.16",
-    "@storybook/blocks": "^7.6.16",
-    "@storybook/react": "^7.6.16",
-    "@storybook/react-vite": "^7.6.16",
-    "@storybook/testing-library": "^0.2.2",
-    "@types/node": "^20.11.19",
-    "@types/react": "^18.2.56",
-    "@types/react-dom": "^18.2.19",
-    "@typescript-eslint/eslint-plugin": "^7.0.1",
-    "@typescript-eslint/parser": "^7.0.1",
+    "@size-limit/preset-small-lib": "^11.1.2",
+    "@storybook/addon-a11y": "^8.0.8",
+    "@storybook/addon-essentials": "^8.0.8",
+    "@storybook/addon-links": "^8.0.8",
+    "@storybook/addon-storysource": "^8.0.8",
+    "@storybook/blocks": "^8.0.8",
+    "@storybook/preview-api": "^8.0.8",
+    "@storybook/react": "^8.0.8",
+    "@storybook/react-vite": "^8.0.8",
+    "@types/node": "^20.12.7",
+    "@types/react": "^18.2.79",
+    "@types/react-dom": "^18.2.25",
+    "@typescript-eslint/eslint-plugin": "^7.7.0",
+    "@typescript-eslint/parser": "^7.7.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "eslint": "^8.56.0",
+    "eslint": "^9.0.0",
     "eslint-plugin-mui-path-imports": "^0.0.15",
-    "eslint-plugin-perfectionist": "^2.5.0",
+    "eslint-plugin-perfectionist": "^2.9.0",
+    "eslint-plugin-storybook": "^0.8.0",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -98,12 +97,12 @@
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "size-limit": "^11.0.2",
-    "storybook": "^7.6.16",
-    "storybook-dark-mode": "^3.0.3",
+    "size-limit": "^11.1.2",
+    "storybook": "^8.0.8",
+    "storybook-dark-mode": "^4.0.1",
     "tslib": "^2.6.2",
-    "typescript": "^5.3.3",
-    "vite": "^5.1.3"
+    "typescript": "^5.4.5",
+    "vite": "^5.2.9"
   },
   "peerDependencies": {
     "@emotion/react": ">=11.11",
@@ -115,9 +114,9 @@
     "react-dom": ">=17.0"
   },
   "dependencies": {
-    "@tanstack/match-sorter-utils": "8.11.8",
-    "@tanstack/react-table": "8.12.0",
-    "@tanstack/react-virtual": "3.1.1",
+    "@tanstack/match-sorter-utils": "8.15.1",
+    "@tanstack/react-table": "8.16.0",
+    "@tanstack/react-virtual": "3.3.0",
     "highlight-words": "1.2.2"
   }
-}
+}

package/src/components/buttons/MRT_EditActionButtons.tsx

@@ -105,6 +105,7 @@ export const MRT_EditActionButtons = <TData extends MRT_RowData>({
               <IconButton
                 aria-label={localization.save}
                 color="info"
+                disabled={isSaving}
                 onClick={handleSubmitRow}
               >
                 {isSaving ? <CircularProgress size={18} /> : <SaveIcon />}
@@ -118,6 +119,7 @@ export const MRT_EditActionButtons = <TData extends MRT_RowData>({
             {localization.cancel}
           </Button>
           <Button
+            disabled={isSaving}
             onClick={handleSubmitRow}
             sx={{ minWidth: '100px' }}
             variant="contained"

package/src/components/inputs/MRT_FilterTextField.tsx

@@ -16,18 +16,9 @@ import MenuItem from '@mui/material/MenuItem';
 import TextField, { type TextFieldProps } from '@mui/material/TextField';
 import Tooltip from '@mui/material/Tooltip';
 import { debounce } from '@mui/material/utils';
-import {
-  DatePicker,
-  type DatePickerProps,
-} from '@mui/x-date-pickers/DatePicker';
-import {
-  DateTimePicker,
-  type DateTimePickerProps,
-} from '@mui/x-date-pickers/DateTimePicker';
-import {
-  TimePicker,
-  type TimePickerProps,
-} from '@mui/x-date-pickers/TimePicker';
+import { DatePicker } from '@mui/x-date-pickers/DatePicker';
+import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
+import { TimePicker } from '@mui/x-date-pickers/TimePicker';
 import {
   type DropdownOption,
   type MRT_Header,
@@ -73,46 +64,33 @@ export const MRT_FilterTextField = <TData extends MRT_RowData>({
   const { columnDef } = column;
   const { filterVariant } = columnDef;
 
-  const textFieldProps: TextFieldProps = {
-    ...parseFromValuesOrFunc(muiFilterTextFieldProps, { column, table }),
-    ...parseFromValuesOrFunc(columnDef.muiFilterTextFieldProps, {
-      column,
-      table,
-    }),
+  const args = { column, rangeFilterIndex, table };
+
+  const textFieldProps = {
+    ...parseFromValuesOrFunc(muiFilterTextFieldProps, args),
+    ...parseFromValuesOrFunc(columnDef.muiFilterTextFieldProps, args),
     ...rest,
   };
 
   const autocompleteProps = {
-    ...parseFromValuesOrFunc(muiFilterAutocompleteProps, { column, table }),
-    ...parseFromValuesOrFunc(columnDef.muiFilterAutocompleteProps, {
-      column,
-      table,
-    }),
+    ...parseFromValuesOrFunc(muiFilterAutocompleteProps, args),
+    ...parseFromValuesOrFunc(columnDef.muiFilterAutocompleteProps, args),
   };
 
-  const datePickerProps: DatePickerProps<any> = {
-    ...parseFromValuesOrFunc(muiFilterDatePickerProps, { column, table }),
-    ...parseFromValuesOrFunc(columnDef.muiFilterDatePickerProps, {
-      column,
-      table,
-    }),
-  };
+  const datePickerProps = {
+    ...parseFromValuesOrFunc(muiFilterDatePickerProps, args),
+    ...parseFromValuesOrFunc(columnDef.muiFilterDatePickerProps, args),
+  } as any;
 
-  const dateTimePickerProps: DateTimePickerProps<any> = {
-    ...parseFromValuesOrFunc(muiFilterDateTimePickerProps, { column, table }),
-    ...parseFromValuesOrFunc(columnDef.muiFilterDateTimePickerProps, {
-      column,
-      table,
-    }),
-  };
+  const dateTimePickerProps = {
+    ...parseFromValuesOrFunc(muiFilterDateTimePickerProps, args),
+    ...parseFromValuesOrFunc(columnDef.muiFilterDateTimePickerProps, args),
+  } as any;
 
-  const timePickerProps: TimePickerProps<any> = {
-    ...parseFromValuesOrFunc(muiFilterTimePickerProps, { column, table }),
-    ...parseFromValuesOrFunc(columnDef.muiFilterTimePickerProps, {
-      column,
-      table,
-    }),
-  };
+  const timePickerProps = {
+    ...parseFromValuesOrFunc(muiFilterTimePickerProps, args),
+    ...parseFromValuesOrFunc(columnDef.muiFilterTimePickerProps, args),
+  } as any;
 
   const {
     allowedColumnFilterOptions,

package/src/components/inputs/MRT_SelectCheckbox.tsx

@@ -117,7 +117,7 @@ export const MRT_SelectCheckbox = <TData extends MRT_RowData>({
       }
     >
       {enableMultiRowSelection === false ? (
-        <Radio {...commonProps} />
+        <Radio {...(commonProps as any)} />
       ) : (
         <Checkbox
           indeterminate={

package/src/components/menus/MRT_ShowHideColumnsMenuItems.tsx

@@ -56,10 +56,7 @@ export const MRT_ShowHideColumnsMenuItems = <TData extends MRT_RowData>({
   const { columnDef } = column;
   const { columnDefType } = columnDef;
 
-  const switchChecked =
-    (columnDefType !== 'group' && column.getIsVisible()) ||
-    (columnDefType === 'group' &&
-      column.getLeafColumns().some((col) => col.getIsVisible()));
+  const switchChecked = column.getIsVisible();
 
   const handleToggleColumnHidden = (column: MRT_Column<TData>) => {
     if (columnDefType === 'group') {

package/src/components/table/MRT_TablePaper.tsx

@@ -1,4 +1,5 @@
 import Paper, { type PaperProps } from '@mui/material/Paper';
+import { useTheme } from '@mui/material';
 import { MRT_TableContainer } from './MRT_TableContainer';
 import { type MRT_RowData, type MRT_TableInstance } from '../../types';
 import { parseFromValuesOrFunc } from '../../utils/utils';
@@ -33,6 +34,8 @@ export const MRT_TablePaper = <TData extends MRT_RowData>({
     ...rest,
   };
 
+  const theme = useTheme();
+
   return (
     <Paper
       elevation={2}
@@ -58,7 +61,7 @@ export const MRT_TablePaper = <TData extends MRT_RowData>({
               right: 0,
               top: 0,
               width: '100dvw',
-              zIndex: 999,
+              zIndex: theme.zIndex.modal,
             }
           : {}),
         ...paperProps?.style,

package/src/components/toolbar/MRT_TablePagination.tsx

@@ -37,7 +37,6 @@ export const MRT_TablePagination = <TData extends MRT_RowData>({
   const isMobile = useMediaQuery('(max-width: 720px)');
 
   const {
-    getPrePaginationRowModel,
     getState,
     options: {
       enableToolbarInternalActions,
@@ -45,10 +44,7 @@ export const MRT_TablePagination = <TData extends MRT_RowData>({
       localization,
       muiPaginationProps,
       paginationDisplayMode,
-      rowCount,
     },
-    setPageIndex,
-    setPageSize,
   } = table;
   const {
     pagination: { pageIndex = 0, pageSize = 10 },
@@ -62,8 +58,8 @@ export const MRT_TablePagination = <TData extends MRT_RowData>({
     ...rest,
   };
 
-  const totalRowCount = rowCount ?? getPrePaginationRowModel().rows.length;
-  const numberOfPages = Math.ceil(totalRowCount / pageSize);
+  const totalRowCount = table.getRowCount();
+  const numberOfPages = table.getPageCount();
   const showFirstLastPageButtons = numberOfPages > 2;
   const firstRowIndex = pageIndex * pageSize;
   const lastRowIndex = Math.min(pageIndex * pageSize + pageSize, totalRowCount);
@@ -123,7 +119,9 @@ export const MRT_TablePagination = <TData extends MRT_RowData>({
               id: 'mrt-rows-per-page',
             }}
             label={localization.rowsPerPage}
-            onChange={(event) => setPageSize(+(event.target.value as any))}
+            onChange={(event) =>
+              table.setPageSize(+(event.target.value as any))
+            }
             sx={{ mb: 0 }}
             value={pageSize}
             variant="standard"
@@ -153,7 +151,7 @@ export const MRT_TablePagination = <TData extends MRT_RowData>({
         <Pagination
           count={numberOfPages}
           disabled={disabled}
-          onChange={(_e, newPageIndex) => setPageIndex(newPageIndex - 1)}
+          onChange={(_e, newPageIndex) => table.setPageIndex(newPageIndex - 1)}
           page={pageIndex + 1}
           renderItem={(item) => (
             <PaginationItem
@@ -189,7 +187,7 @@ export const MRT_TablePagination = <TData extends MRT_RowData>({
                   <IconButton
                     aria-label={localization.goToFirstPage}
                     disabled={disableBack}
-                    onClick={() => setPageIndex(0)}
+                    onClick={() => table.firstPage()}
                     size="small"
                   >
                     <FirstPageIcon {...flipIconStyles(theme)} />
@@ -202,7 +200,7 @@ export const MRT_TablePagination = <TData extends MRT_RowData>({
                 <IconButton
                   aria-label={localization.goToPreviousPage}
                   disabled={disableBack}
-                  onClick={() => setPageIndex(pageIndex - 1)}
+                  onClick={() => table.previousPage()}
                   size="small"
                 >
                   <ChevronLeftIcon {...flipIconStyles(theme)} />
@@ -214,7 +212,7 @@ export const MRT_TablePagination = <TData extends MRT_RowData>({
                 <IconButton
                   aria-label={localization.goToNextPage}
                   disabled={disableNext}
-                  onClick={() => setPageIndex(pageIndex + 1)}
+                  onClick={() => table.nextPage()}
                   size="small"
                 >
                   <ChevronRightIcon {...flipIconStyles(theme)} />
@@ -227,7 +225,7 @@ export const MRT_TablePagination = <TData extends MRT_RowData>({
                   <IconButton
                     aria-label={localization.goToLastPage}
                     disabled={disableNext}
-                    onClick={() => setPageIndex(numberOfPages - 1)}
+                    onClick={() => table.lastPage()}
                     size="small"
                   >
                     <LastPageIcon {...flipIconStyles(theme)} />

package/src/hooks/useMRT_ColumnVirtualizer.ts

@@ -16,10 +16,7 @@ export const useMRT_ColumnVirtualizer = <
   table: MRT_TableInstance<TData>,
 ): MRT_ColumnVirtualizer | undefined => {
   const {
-    getLeftLeafColumns,
-    getRightLeafColumns,
     getState,
-    getVisibleLeafColumns,
     options: {
       columnVirtualizerInstanceRef,
       columnVirtualizerOptions,
@@ -28,7 +25,7 @@ export const useMRT_ColumnVirtualizer = <
     },
     refs: { tableContainerRef },
   } = table;
-  const { columnPinning, draggingColumn } = getState();
+  const { columnPinning, columnVisibility, draggingColumn } = getState();
 
   if (!enableColumnVirtualization) return undefined;
 
@@ -39,21 +36,22 @@ export const useMRT_ColumnVirtualizer = <
     },
   );
 
-  const visibleColumns = getVisibleLeafColumns();
+  const visibleColumns = table.getVisibleLeafColumns();
 
   const [leftPinnedIndexes, rightPinnedIndexes] = useMemo(
     () =>
       enableColumnPinning
         ? [
-            getLeftLeafColumns().map((c) => c.getPinnedIndex()),
-            getRightLeafColumns()
+            table.getLeftVisibleLeafColumns().map((c) => c.getPinnedIndex()),
+            table
+              .getRightVisibleLeafColumns()
               .map(
                 (column) => visibleColumns.length - column.getPinnedIndex() - 1,
               )
               .sort((a, b) => a - b),
           ]
         : [[], []],
-    [columnPinning, enableColumnPinning],
+    [columnPinning, columnVisibility, enableColumnPinning],
   );
 
   const numPinnedLeft = leftPinnedIndexes.length;

package/src/hooks/useMRT_TableOptions.ts

@@ -228,14 +228,18 @@ export const useMRT_TableOptions: <TData extends MRT_RowData>(
       ? getFacetedUniqueValues()
       : undefined,
     getFilteredRowModel:
-      enableColumnFilters || enableGlobalFilter || enableFilters
+      (enableColumnFilters || enableGlobalFilter || enableFilters) &&
+      !manualFiltering
         ? getFilteredRowModel()
         : undefined,
-    getGroupedRowModel: enableGrouping ? getGroupedRowModel() : undefined,
-    getPaginationRowModel: enablePagination
-      ? getPaginationRowModel()
-      : undefined,
-    getSortedRowModel: enableSorting ? getSortedRowModel() : undefined,
+    getGroupedRowModel:
+      enableGrouping && !manualGrouping ? getGroupedRowModel() : undefined,
+    getPaginationRowModel:
+      enablePagination && !manualPagination
+        ? getPaginationRowModel()
+        : undefined,
+    getSortedRowModel:
+      enableSorting && !manualSorting ? getSortedRowModel() : undefined,
     getSubRows: (row) => row?.subRows,
     icons,
     layoutMode,

package/src/locales/el.ts

@@ -0,0 +1,96 @@
+import { type MRT_Localization } from '..';
+
+export const MRT_Localization_EL: MRT_Localization = {
+  actions: 'Ενέργειες',
+  and: 'και',
+  cancel: 'Ακύρωση',
+  changeFilterMode: 'Αλλαγή λειτουργίας φίλτρου',
+  changeSearchMode: 'Αλλαγή λειτουργίας αναζήτησης',
+  clearFilter: 'Καθαρισμός φίλτρου',
+  clearSearch: 'Καθαρισμός αναζήτησης',
+  clearSelection: 'Καθαρισμός επιλογής',
+  clearSort: 'Καθαρισμός ταξινόμησης',
+  clickToCopy: 'Κλικ για αντιγραφή',
+  copy: 'Αντιγραφή',
+  collapse: 'Σύμπτυξη',
+  collapseAll: 'Σύμπτυξη όλων',
+  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: 'ή',
+  pin: 'Καρφίτσωμα',
+  pinToLeft: 'Καρφίτσωμα αριστερά',
+  pinToRight: 'Καρφίτσωμα δεξιά',
+  resetColumnSize: 'Επαναφορά μεγέθους στήλης',
+  resetOrder: 'Επαναφορά ταξινόμησης',
+  rowActions: 'Ενέργειες γραμμής',
+  rowNumber: '#',
+  rowNumbers: 'Αριθμοί γραμμών',
+  rowsPerPage: 'Γραμμές ανά σελίδα',
+  save: 'Αποθήκευση',
+  search: 'Αναζήτηση',
+  selectedCountOfRowCountRowsSelected:
+    '{selectedCount} από {rowCount} επιλεγμένη(ες) γραμμή(ες)',
+  select: 'Επιλογή',
+  showAll: 'Εμφάνιση όλων',
+  showAllColumns: 'Εμφάνιση όλων των στηλών',
+  showHideColumns: 'Εμφάνιση/απόκρυψη στηλών',
+  showHideFilters: 'Εμφάνιση/απόκρυψη φίλτρων',
+  showHideSearch: 'Εμφάνιση/απόκρυψη αναζήτησης',
+  sortByColumnAsc: 'Ταξινόμηση κατά {column} αύξουσα',
+  sortByColumnDesc: 'Ταξινόμηση κατά {column} φθίνουσα',
+  sortedByColumnAsc: 'Ταξινόμηση κατά {column} αύξουσα',
+  sortedByColumnDesc: 'Ταξινόμηση κατά {column} φθίνουσα',
+  thenBy: ', στη συνέχεια από ',
+  toggleDensity: 'Εναλλαγή πυκνότητας',
+  toggleFullScreen: 'Εναλλαγή πλήρους οθόνης',
+  toggleSelectAll: 'Εναλλαγή επιλογής όλων',
+  toggleSelectRow: 'Εναλλαγή επιλογής γραμμής',
+  toggleVisibility: 'Εναλλαγή ορατότητας',
+  ungroupByColumn: 'Αναίρεση ομαδοποίησης κατά {column}',
+  unpin: 'Αποκαρφίτσωση',
+  unpinAll: 'Αποκαρφίτσωση όλων',
+};