Как обернуть длинный текст в ячейку таблицы (react-bootstrap-table-next)?

Я познакомился с 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' };