Переместить заголовок 1-го столбца в каждую строку определенной ширины

Question

Каждый раз, когда размер браузера становится меньше Desktop ширины, я хочу, чтобы моя адаптивная таблица скрывала заголовки столбцов и вместо этого помещала их в ту же строку, что и соответствующие значения для каждой записи.

Вот наглядный пример того, что я хочу:

Ширина рабочего стола

Ниже ширины рабочего стола

Мне казалось, что добиться такого поведения можно, добавив ...

minScreenWidth="desktop"
demandPopin="true"

... в тег <Column>, но этот не работает для 1-го столбца .

Итак, мой вопрос: как (красиво) реализовать это поведение для 1-го столбца ?

Вот мой минимальный пример кода (я изменил Table.view.xml из в этом примере ):

<Table items="{/ProductCollection}">
  <columns>
    <Column>
      <Text text="Supplier" />
    </Column>
  </columns>
  <ColumnListItem>
    <Label text="{SupplierName}" />
  </ColumnListItem>
</Table>

Answer 1

Адаптивная таблица не позволяет помещать в элементы все заголовки столбцов. Из справки по API :

Для элемента управления sap.m.Table требуется хотя бы один видимый sap.m.Column в агрегации столбцов, поэтому приложения должны избегать настройки всех столбцы, которые будут отображаться во всплывающем окне. Если такой конфликт обнаружен, таблица предотвращает перемещение одного столбца во всплывающее окно.

Вам нужно будет добавить как минимум еще один столбец, чтобы 1-й столбец всплывает.

---

Связанная проблема с GitHub: https://github.com/SAP/openui5/issues/1396