Как включить прокрутку в sap.m.Table в sapui5?

Question

Я внедрил sap.m.Table, но все записи не отображаются. Также нет возможности прокрутки. Я прошел через api, который предлагает использовать растущий, растущий Threshold, growScrollToLoad из sap.m.ListBase.

Здесь растет позволит контролировать таблицу, чтобы загрузить больше деталей, growingThreshold будет определять количество элементов, запрашиваемый из модели для каждого роста и getGrowingScrollToLoad позволит пользователю просматривать записи вместо отображаемой кнопки «больше» для загрузки большего количества данных.

Однако даже после использования этих свойств все мои данные по-прежнему не отображаются, и я вижу, что больше кнопки вместо полосы прокрутки. Ниже кнопки «больше» я могу видеть число, которое определяет все количество отображаемых записей, а также количество записей, которые были отображены в исходном представлении.

Не следует ли прокручивать параметр по умолчанию, если данные превышают лимит страницы? Я очень смущен. Пожалуйста помоги.

Также я прошел this пост! :)

Answer 1

По умолчанию, если в sap.m.Table больше строк, будет прокрутка. Вы можете увидеть working example here

Но если вы хотите, чтобы заставить видимость фиксированных строк, вы можете использовать sap.ui.table.Table со свойствами visibleRowCount и minAutoRowCount.

Также обратите внимание, что если вертикальная полоса прокрутки не видна для sap.m.Table, проверьте, отменяет ли какой-либо другой css стиль. Иначе вы можете вставить код в вопрос с полным кодом ui.

Answer 2

Учитывая то, как вопрос красиво настройки, с вариантами:

1. sap.ui.table.Table: прокручивать с фиксированным заголовком.
2. sap.m.Table: растущий список, srcollable БЕЗ фиксированного заголовка.

Но много раз нам нужно sap.m.Table- прокручивать, но со статическим заголовком, так что содержание ниже таблицы не перемещается ниже. Этот ниже код поможет в течение этого времени. Он имеет прокручиваемое тело с фиксированным заголовком.

Установка: Я использую два экземпляра sap.m.Table, один только с заголовком и другим только для данных. Кроме того, я использую прокручиваемый контейнер, который содержит вторую таблицу (без заголовка). Из-за фиксированной ширины прокручиваемого контейнера мы видим полосу прокрутки. Фиктивный код приведен ниже:

View.xml:

<Table showNoData='false'> 
      <columns> 
       <Column> 
        <header> 
         <Text text='ID' /> 
        </header> 
       </Column> 
       <Column> 
        <header> 
         <Text text='First Name' /> 
        </header> 
       </Column> 
       <Column> 
        <header> 
         <Text text='Last Name' /> 
        </header> 
       </Column> 
       <Column> 
        <header> 
         <Text text='Gender' /> 
        </header> 
       </Column> 
      </columns> 
     </Table> 
     <ScrollContainer height='20rem' vertical='true'> <!-- To have fixed with and enable vertical scrolling of data table --> 
     <!-- Table to hold data, data ,data --> 
      <Table class='tableHdr' items='{/}'> <!-- CSS class to hide the column header, otherwise we will have 2 headers. --> 
       <columns> 
       <!-- Dont need columns header, as upper table has already defined them. --> 
        <Column > 
        </Column> 
        <Column > 
        </Column> 
        <Column > 
        </Column> 
        <Column > 
        </Column> 
       </columns> 
       <items> 
        <ColumnListItem> 
         <cells> 
          <Text text='{id}' /> 
          <Text text='{first_name}' /> 
          <Text text='{last_name}' /> 
          <Text text='{gender}' /> 

         </cells> 
        </ColumnListItem> 
       </items> 
      </Table> 
     </ScrollContainer> 

Теперь, если вы выполняете вышеприведенный код без этого ниже класса стиля, вы будете в конечном итоге с 2 столбцами заголовками из 2 таблиц.Таким образом, чтобы удалить заголовок 2-й колонны, я использовал класс ниже:

.tableHdr .sapMListTblHeaderCell { 
      padding: 0rem; 
} 

Хотелось бы услышать отзывы об этом.