Ошибка OPENUI5 \ SAPUI5?

Я попытался разработать элемент управления таблицей пользовательского интерфейса с опцией множественного выбора. Метка каждого столбца - sap.m.Text:

Но когда я изменяю размер столбца, части текста метки скрываются:

Это все из-за класса "sapUiSizeCozy" для опции множественного выбора (флажок)

Когда я не использую этот класс «sapUiSizeCozy», текст метки будет в порядке и обернут, но не будет checkboxex:

Я добавляю этот класс css в элемент управления sap.m.Page. Любая помощь? Мне нужно, чтобы этикетка была завернута + флажок в каждой строке

Спасибо!

Изменить: см. Пример в: Plunker

Вы можете в файле view.xml удалить:

class="sapUiSizeCozy"

Измените размер столбца "Название продукта", чтобы убедиться, что столбец переносится


html css sapui5 sap-fiori
person Shay Zambrovski    schedule 17.05.2016    source источник
comment
@ShayZambrovski Поскольку эта проблема больше не воспроизводится (кажется, была исправлена ​​структурой), не могли бы вы проголосовать за закрытие этого вопроса? Щелкните флаг и выберите Не воспроизводится или возникла из-за опечатки.   -  person Boghyon Hoffmann    schedule 13.05.2020

Ответы (1)


arrow_upward
1
arrow_downward

sapUiSizeCozy устанавливает фиксированную высоту заголовка таблицы. Затем текст метки центрируется по вертикали с помощью sapUiSizeCozy, устанавливая высоту строки равной высоте заголовка.

Это приводит к тому, что этикетка оборачивается, но вторая строка обрезается на фиксированную высоту заголовка.

Вы можете исправить это с помощью следующего CSS (см. Plunker):

<html:style>
  .sapUiSizeCozy .sapUiTable .sapUiTableColCell>* span{ 
  line-height: normal;
  vertical-align: middle;
  display: inline-block;
  }
</html:style>
person schnoedel    schedule 19.05.2016