enable sorting
on client for CustomDataGrid
This commit is contained in:
@ -71,13 +71,32 @@ export const CustomDataGrid = ({hasCoordinates = false, columns = [], ...props}:
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Stack spacing={2}>
|
<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}}>
|
<Stack direction="row" spacing={2} sx={{mb: 2}}>
|
||||||
{hasCoordinates && (
|
{hasCoordinates && (
|
||||||
<Button variant="contained" onClick={toggleCoordinates}>
|
<Button variant="contained" onClick={toggleCoordinates}>
|
||||||
{showCoordinates ? 'Скрыть координаты' : 'Показать координаты'}
|
{showCoordinates ? 'Скрыть координаты' : 'Показать координаты'}
|
||||||
</Button>
|
</Button>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{isDev && availableDevFields.length > 0 && (
|
{isDev && availableDevFields.length > 0 && (
|
||||||
<Button variant="contained" onClick={toggleDevData}>
|
<Button variant="contained" onClick={toggleDevData}>
|
||||||
{showDevData ? 'Скрыть служебные данные' : 'Показать служебные данные'}
|
{showDevData ? 'Скрыть служебные данные' : 'Показать служебные данные'}
|
||||||
|
@ -8,14 +8,12 @@
|
|||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* кнопка меню у заголовка столбца колонки в таблице */
|
/* последние два элемента сортировки колонки в таблице */
|
||||||
.MuiDataGrid-menuIcon {
|
.MuiDataGrid-menuList li:nth-last-child(-n + 2) {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
.MuiDataGrid-menuList hr:last-of-type {
|
||||||
/* интерактивный курсор у заголовка столбца колонки в таблице */
|
display: none !important;
|
||||||
.MuiDataGrid-columnHeader {
|
|
||||||
cursor: default !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* интерактивный курсор у заголовка столбца колонки в таблице */
|
/* интерактивный курсор у заголовка столбца колонки в таблице */
|
||||||
@ -27,13 +25,3 @@
|
|||||||
.MuiDataGrid-footerContainer {
|
.MuiDataGrid-footerContainer {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* заголовок у модального окна с подверждением удаления */
|
|
||||||
#alert-dialog-title {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* кнопка delete со страницы /edit */
|
|
||||||
.MuiCardActions-spacing .refine-delete-button {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
Reference in New Issue
Block a user