Я использую DataGrid MUI-X в своем приложении. Прокрутка по умолчанию выглядит плохо, и я не вижу никакого способа настроить его. Я видел несколько тем в GitHub и попробовал код ниже, но это, похоже, не работает. Есть ли что-нибудь для этого вообще?sx={{
'& .MuiDataGrid-virtualScroller::-webkit-scrollbar': {
width: '0.4em',
},
'& .MuiDataGrid-virtualScroller::-webkit-scrollbar-track': {
background: '#f1f1f1',
},
'& .MuiDataGrid-virtualScroller::-webkit-scrollbar-thumb': {
background: '#6BADCE',
background: '-webkit-linear-gradient(to bottom, #6BADCE, #d7dde8)',
background: 'linear-gradient(to bottom, #6BADCE, #d7dde8)',
borderRadius: '10px',
},
'& .MuiDataGrid-virtualScroller::-webkit-scrollbar-thumb:hover': {
background: '#555',
},
}}
Подробнее здесь: https://stackoverflow.com/questions/796 ... bar-styles
Как изменить стили прокрутки DataGrid DataGrid MUI-X? ⇐ Javascript
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
-
-
Как изменить размер столбцов в DataGrid React-Mui в зависимости от размера экрана
Anonymous » » в форуме CSS - 0 Ответы
- 6 Просмотры
-
Последнее сообщение Anonymous
-
-
-
MUI Grid — скрыть полосу прокрутки, но при этом сохранить возможность прокрутки.
Anonymous » » в форуме CSS - 0 Ответы
- 50 Просмотры
-
Последнее сообщение Anonymous
-
-
-
React MUI 5 не может перезаписать стили по умолчанию пользовательскими стилями
Anonymous » » в форуме CSS - 0 Ответы
- 9 Просмотры
-
Последнее сообщение Anonymous
-