Как обернуть тексты для автоматической регулировки высоты строки?

Question

У меня есть sap.m.Table, который выглядит следующим образом:

<Table id="idTable" growing="true" mode="SingleSelectMaster" items="{modelExample>/}">
  <columns>
    <Column width="20%">
      <Text text="Category" />
    </Column>
    <Column width="20%">
      <Text text="Description"/>
    </Column>
    <Column width="30%">
      <Text text="Choice"/>
    </Column>
  </columns>
  <ColumnListItem>
    <Label text="{modelExample>category}" design="Bold"/>
    <Label text="{modelExample>description}" />
    <l:HorizontalLayout>
      <Button text="{modelExample>choice/0}" />
      <Button text="{modelExample>choice/1}" />
    </l:HorizontalLayout>
  </ColumnListItem>
</Table>

Этот Table дает следующий результат:

Проблема: Столбец описания содержит намного больше текста, чем показано, что представляется как "..." .

Вопрос : Как изменить высоту строки таким образом, чтобы она автоматически подстраивалась под объем содержимого текста?

Что я хочу:

Answer 1

sap.m.Label поддерживает перенос с UI5 1.50.

<Label text="{myText}" wrapping="true" />

Но: если приложение должно быть выровнено с Fiori UX, следует использовать Label только если он маркирует что-то (например, в сочетании с ассоциацией labelFor). Если нет, следует использовать другой текстовый элемент управления. От https://experience.sap.com/fiori-design-web/label/:

• Не используйте элемент управления метками для отображения данных
• Не используйте полужирные метки.

Другой элемент управления sap.m.Text также имеет свойство wrapping, которое включено по умолчанию. Если текст должен быть выделен жирным шрифтом, попробуйте sap.m.FormattedText с htmlText="<strong>{myText}</strong>*.

---

* Чтобы разрешить синтаксис сложного связывания, присвойте "edge" значение data-sap-ui-compatversion в index.html.