Обтекание текста Office UI Fabri c DetailsRow

Question

Я пытаюсь сделать так, чтобы мой текст был перенесен и отображен в несколько строк в пользовательском интерфейсе Office Fabri c DetailsRow. На данный момент некоторые из моих строк с длинным текстом go находятся за пределами экрана, и я хотел бы, чтобы их оборачивали, чтобы пользователю не приходилось прокручивать, чтобы прочитать всю строку.

Это мой 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

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