enable sorting on client for CustomDataGrid

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 ? 'Скрыть служебные данные' : 'Показать служебные данные'}

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-menuList hr:last-of-type {
-/* интерактивный курсор у заголовка столбца колонки в таблице */
+  display: none !important;
-.MuiDataGrid-columnHeader {
-  cursor: default !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;
-}