From f987628cc9ad25418bfdc3ec98393c70d1afece2 Mon Sep 17 00:00:00 2001
From: maxim <bozzhik@ya.ru>
Date: Mon, 17 Mar 2025 00:46:11 +0300
Subject: [PATCH] enable `sorting` on client for `CustomDataGrid`

---
 src/components/CustomDataGrid.tsx        | 21 ++++++++++++++++++++-
 src/stylesheets/hidden-functionality.css | 20 ++++----------------
 2 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/src/components/CustomDataGrid.tsx b/src/components/CustomDataGrid.tsx
index 5341490..ce5853b 100644
--- a/src/components/CustomDataGrid.tsx
+++ b/src/components/CustomDataGrid.tsx
@@ -71,13 +71,32 @@ export const CustomDataGrid = ({hasCoordinates = false, columns = [], ...props}:
 
   return (
     <Stack spacing={2}>
-      <DataGrid {...props} columns={columns} localeText={localeText} columnVisibilityModel={columnVisibilityModel} onColumnVisibilityModelChange={setColumnVisibilityModel} />
+      <DataGrid
+        {...props}
+        columns={columns}
+        localeText={localeText}
+        columnVisibilityModel={columnVisibilityModel}
+        onColumnVisibilityModelChange={setColumnVisibilityModel}
+        // Добавляем базовые функции сортировки и фильтрации
+        sortingMode="client"
+        filterMode="client"
+        initialState={{
+          // pagination: {
+          //   paginationModel: {pageSize: 25, page: 0},
+          // },
+          sorting: {
+            sortModel: [{field: 'id', sort: 'asc'}],
+          },
+        }}
+        pageSizeOptions={[10, 25, 50, 100]}
+      />
       <Stack direction="row" spacing={2} sx={{mb: 2}}>
         {hasCoordinates && (
           <Button variant="contained" onClick={toggleCoordinates}>
             {showCoordinates ? 'Скрыть координаты' : 'Показать координаты'}
           </Button>
         )}
+
         {isDev && availableDevFields.length > 0 && (
           <Button variant="contained" onClick={toggleDevData}>
             {showDevData ? 'Скрыть служебные данные' : 'Показать служебные данные'}
diff --git a/src/stylesheets/hidden-functionality.css b/src/stylesheets/hidden-functionality.css
index f89fa3c..beeb623 100644
--- a/src/stylesheets/hidden-functionality.css
+++ b/src/stylesheets/hidden-functionality.css
@@ -8,14 +8,12 @@
   display: none !important;
 }
 
-/* кнопка меню у заголовка столбца колонки в таблице */
-.MuiDataGrid-menuIcon {
+/* последние два элемента сортировки колонки в таблице */
+.MuiDataGrid-menuList li:nth-last-child(-n + 2) {
   display: none !important;
 }
-
-/* интерактивный курсор у заголовка столбца колонки в таблице */
-.MuiDataGrid-columnHeader {
-  cursor: default !important;
+.MuiDataGrid-menuList hr:last-of-type {
+  display: none !important;
 }
 
 /* интерактивный курсор у заголовка столбца колонки в таблице */
@@ -27,13 +25,3 @@
 .MuiDataGrid-footerContainer {
   display: none !important;
 }
-
-/* заголовок у модального окна с подверждением удаления */
-#alert-dialog-title {
-  display: none !important;
-}
-
-/* кнопка delete со страницы /edit */
-.MuiCardActions-spacing .refine-delete-button {
-  display: none !important;
-}