Этот тег следует использовать для вопросов, касающихся библиотеки MUI X: набора расширенных компонентов React, включая сетку данных и средства выбора даты и времени. Этот проект поддерживается MUI.
0 ответов

Как имитировать лицензионный ключ MUI5 Pro в тестах Jest для компонентов React

В настоящее время я интегрирую компоненты MUI v5 Pro в свою библиотеку React, а затем импортирую эти компоненты библиотеки в свое хост-приложение. Я настроил лицензионный ключ MUI вфайл как библиотеки, так и хост-приложения, и я импортирую необходим…
28 авг '23 в 13:19
0 ответов

Как программно обновить реквизиты ячеек в Mui-Datagrid

Мы используем компонент Mui-Datagrid, где пользователи могут загружать и редактировать свои данные. В пределахcustomIDопределение столбца, есть свойства и. const columns = [ { field: "customID", headerName: "customID", width: 100, editable: true, pr…
0 ответов

Настройте имя файла экспорта печати в mui x-data-grid

Я использую MUI x-data-grid, чтобы показать таблицу и экспортировать ее. При экспорте в качестве печати мне нужно, чтобы в окне сохранения как отображалось произвольное имя. Я попробовал сделать следующее: <DataGrid slots={{ toolbar: GridToolbar …
09 авг '23 в 05:08
0 ответов

Проблема с получением параметров значений в функции valueOptions MUI DataGrid.

Я столкнулся с проблемой при попытке получить параметры значений для столбца SingleSelect в DataGrid MUI. Несмотря на то, что я вижу, что ответ сети передает обратно ожидаемые данные (массив строк), функция valueOptions не заполняет параметры значен…
22 авг '23 в 20:44
2 ответа

Как фильтровать вложенный массив с помощью функции «includes()» в реакции

У меня есть несколько профилей пользователей, похожих на приведенные ниже... "user": { "firstName": "Joe", "lastName": "Bloggs", "userRole": [ { "id": 1, "name": "Role 001", }, { "id": 2, "name": "Role 002", }, { etc... } ], } Каждый пользователь мо…
31 май '23 в 08:54
1 ответ

Есть ли возможность скрыть всплывающую подсказку в MUI DataGrid?

В MUI v5 к ячейкам DataGrid была добавлена ​​подсказка. Я ищу способ отключить все всплывающие подсказки, не создавая собственную визуализацию для каждого столбца. я пробовалdisableTooltipsиtooltipShowDelay={0}но это не отключило всплывающие подсказ…
29 июн '23 в 15:01
0 ответов

Как изменить цвет фона недель после текущей недели в Static Date Picker

Прямо сейчас у меня есть текущая неделя другого цвета, а остальные недели того же цвета. с помощью этого кода я могу воспроизвести изображение выше: <StaticDatePicker displayStaticWrapperAs={datePickerStyle} openTo={openTo} value={values} sx={{ h…
31 июл '23 в 10:43
1 ответ

Могу ли я использовать комбинацию с вращающимся/заблокированным столбцом, вложенным заголовком и группирующей строкой вместе с MUI-X?

Мне очень интересно купить лицензию mui-x pro, потому что я обнаружил, что mui-x имеет заблокированные столбцы, вложенные заголовки и функцию группировки строк в своих документах. Однако нет ни одного примера, показывающего сочетание всех трех функц…
16 июн '23 в 17:40
0 ответов

Как динамически скрыть выборочные заголовки столбцов в сетке MUI

У меня есть сетка таблицы MUI с включенным флажком. При определенном выборе я хотел бы скрыть заголовки столбцов и наложить на них другой набор кнопок. Но я хотел бы, чтобы флажок «Выбрать все» был виден пользователям. В настоящее время в моей конфи…
1 ответ

MUI x-сетка данных | Uncaught TypeError: невозможно прочитать свойства неопределенного типа (чтение «текущий»)

Недавно я внедрил MUI x-data-grid в свое приложение, сначала оно работало нормально, но позже мое приложение начало давать сбой, выдавая мне эту ошибку: Теперь я не использую и не возражаю или что-то еще, поэтому понятия не имею, как это исправить. …
0 ответов

Как настроить DateRangePicker MUI X для выбора недельных диапазонов?

Я использую компонент DateRangePicker из MUI X в своем приложении React. Я хочу настроить его так, чтобы пользователи могли выбирать только диапазоны дат, соответствующие полной неделе (т. е. с понедельника по воскресенье). Вот базовая настройка, ко…
12 авг '23 в 22:37
0 ответов

Mui для выбора даты не работает со стилизованным компонентом

Я пытаюсь использовать средства выбора mui/x-date со стилизованными компонентами (я использую React Typescript, обслуживаемый Vite). Я выполнил инструкции отсюда:mui-styled-engine , но он по-прежнему не работает, и я получаю следующую ошибку: Не уда…
10 июн '23 в 12:03
1 ответ

MUI DataGrid Развернуть и свернуть все узлы программно с помощью ReactJS

Как я могу программно расширить/свернуть все строки в MUI ReactJSDataGrid? Что я пробовал? я использовал опоруdefaultGroupingExpansionDepthна основе документации MUI : export const EXPAND_ALL = -1; export const COLLAPSE_ALL = 0; ... const [expandedS…
12 авг '23 в 13:05
1 ответ

Как сортировать по дате и времени в сетке данных MUI X

в сетке данных MaterialUI X у меня есть столбец даты в формате ДД/ММ/ГГГГ ЧЧ:мм:сс, и теперь (сортировка сетки данных по умолчанию) ее сортировка только по дате и времени каждого дня перепутана вверх, хотел узнать, есть ли способ отформатировать дат…
1 ответ

Сделайте текстовое поле GridToolbarQuickFilter обведенным (Material UI v5)

Есть ли способ выделить текстовое поле GridToolbarQuickFilter? Предпочтительно из theme.tsx, но любые предложения приветствуются. Я пробовал разные способы сделать это, например, изменять классы в theme.tsx, но ничего не меняет его внешний вид.
0 ответов

Проблема с развертыванием в Vercel в Next.js

У меня есть проект Next.js, и я использовал @mui/material, ckeditor4-react и response-yandex-map. Когда я развертываю проект в Vercel, у меня возникают ошибки с такими версиями, как Это мой файл package.json
0 ответов

Разбиение на страницы сетки данных MUI не синхронизируется с фильтром

когда я пытаюсь отфильтровать что-либо в столбце таблицы данных, после применения фильтра найден только один результат, но постраничная разбивка по-прежнему отображается со всеми страницами для отображения в таблице. после фильтра найден один резуль…
24 июл '23 в 06:29
2 ответа

Вопрос mui/x-date-pickers версии 6.x: как настроить формат года и месяца в средстве выбора даты?

<LocalizationProvider dateAdapter={AdapterLuxon} adapterLocale={"ja"} localeText={jaJP.components.MuiLocalizationProvider.defaultProps.localeText}> <DatePicker {...field} label="testlabel" slotProps={{ textField: { variant: "outlined", nam…
1 ответ

Как использовать API MUI X DataGrid в приложении TypeScript, которое не полностью основано на React

Мне нужно использовать MUI X DatGrid в веб-приложении TypeScript, которое не полностью основано на реагировании, но иногда использует только отдельные компоненты React. В следующем примере кода показан прототип создания функционального API. Идея сос…
16 июн '23 в 08:03
0 ответов

Пользовательский внутренний текст календаря года Mui

Поскольку я хочу настроить внутренний текст в Mui@mui/x-date-pickers": "^6.2.1",Я обнаружил, что слоты слотовMobileDatePickerиметь толькоdayимя как я могу указать календарь года и отображать текст «Сейчас» вместо текущего года? Компоненты я уже выпо…