Перенос текста Office UI Fabric DetailsRow

Question

Я пытаюсь обернуть текст и отобразить его несколькими строками в строке DetailsRow Office UI Fabric. В настоящий момент некоторые из моих строк с длинным текстом уходят с экрана, и я хотел бы, чтобы они были обернуты, чтобы пользователю не приходилось прокручивать, чтобы прочитать всю строку.

Это мой GroupedList

              <GroupedList
                items={this._items}
                onRenderCell={this._onRenderCell}
                groups={this._groups}
                selectionMode={SelectionMode.none}
                compact={true}
              />

Это мой метод рендеринга для каждой ячейки.

 _onRenderCell = (nestingDepth, item, itemIndex) => {
      return (
        <DetailsRow  
          columns={this._columns}
          groupNestingDepth={nestingDepth}
          item={item}
          itemIndex={itemIndex}
          selection={this._selection}
          selectionMode={SelectionMode.none}
          onClick={() => this.insertComment(item.key, item.link)}
        />
      );
    };

Есть идеи, как сделать перенос текста? Я новичок в укладке.

Answer 1

Если у вас есть определенные столбцы, текст которых, как известно, требует более "1 строки" текста, вы можете использовать isMultiLine свойство на столбце. Это пример, который устанавливаетisMultiLineзначение true для столбца, чтобы обернуть текст, что, в свою очередь, увеличивает высоту соответствующей строки: " DetailsList - Variable Row Heights".