Блог

Можно ли изменить ширину строки? У меня есть несколько строк с данными JSON. Было бы лучше отображать их в теге <pre>, чтобы пользователь мог просматривать его естественным образом, но это кажется невозможным.

Итак, теперь мне интересно, можно ли удалить значение по умолчанию overflow-x: hidden ? И просто позволить пользователю прокручивать до конца строки? Вместо текста просто 3 точки в конце, потому что есть максимальная ширина.

В css api-интерфейсе data-grid они показывают необходимые классы, которые могут быть переопределены, и в конце они говорят:

Вы можете переопределить стиль компонента благодаря одной из этих точек настройки
…

Таким образом, вы могли бы добавить следующее правило стиля, чтобы переопределить правило по умолчанию :

 .MuiDataGrid-root .MuiDataGrid-cell {
  text-overflow: initial;
     overflow-x: auto;
}