Как сделать многострочную ячейку в сетке данных React

Question

В настоящее время используется response-data-grid и отображается только однострочный текст, однако я пытаюсь отобразить многострочный текст.

песочница: https://codesandbox.io/s/5vy2q8owj4?from-embed

Answer 1

Вы можете переопределить класс содержимого ячейки сетки данных для своего файла.

Визуализация:

<div class="react-grid-multiline-content">
  <ReactDataGrid columns={columns} rowGetter={i => rows[i]} rowsCount={rows.length}/>
</div>

Стиль:

.react-grid-multiline-content .react-grid-Cell__value {
  white-space: normal !important;
}