Я познакомился с react/redux/sagas/redux-form разработкой веб-приложений. Я использовал react-bootstrap-table-next для отображения данных в формате таблицы.
Он имеет two columns как Title, Description, однако данные для столбца Title представляют собой данные длинной строки.
foo1,foo2,foo3,foo4,foo5,foo6,foo7 bar
И проблема, с которой я сталкиваюсь, заключается в том, что она переполняется или занимает ячейку / строку в Description, поэтому данные в столбце Description замаскированы.
Я пытался что-то подобное, но это не такне имеет значения.
const rowStyle = (row, rowIndex) => {
return { whiteSpace: 'pre-line'; };
};
<BootstrapTable data={ data } columns={ columns } rowStyle={ rowStyle } />
Как можно обернуть эту длинную строку, чтобы она могла содержаться в пределах фиксированной ширины ячейки в столбце Title?
[обновить]
Нашел ответ со следующим css.
return { overflowWrap: 'break-word' };