sap.ui.table.Table：无法查看所有数据

Question

我无法向下滚动到最后一行。我必须使用↓键才能到达它。

高度对于每一行都是可变的。每行最多可以显示三行文字。

<t:Table id="phraseTable"
  class="phraseTable"
  columnHeaderHeight="21"
  enableColumnReordering="false"
  selectionMode="Single"
  cellClick="onCellClick"
  visibleRowCountMode="Auto"
  selectionBehavior="RowOnly"
  rows="{dataModel>/phraseTable}"
>
  <t:columns>
    <t:Column hAlign="Center" resizable="true">
      <Label text="No." wrapping="true" />
      <t:template>
        <Text class="PhrasesText"
          wrapping="true"
          textAlign="End"
          text="{dataModel>Phrase_id}"
        />
      </t:template>
    </t:Column>
    <t:Column hAlign="Center" resizable="true">
      <Label text="Phrases" />
      <t:template>
        <FormattedText id="test"
          class="maxlines PhrasesText"
          htmlText="{dataModel>Phrase_desc}"
        />
      </t:template>
    </t:Column>
    <t:Column hAlign="Center" resizable="true">
      <Label class="headerClass commonSorting" text="Status" />
      <t:template>
        <Text class="PhrasesText"
          wrapping="true"
          text="{dataModel>Status_desc}"
        />
      </t:template>
    </t:Column>
    <t:Column hAlign="Center" resizable="false">
      <Label class="headerClass commonSorting" text="Geography" />
      <t:template>
        <Text class="Phrases"
          wrapping="false"
          text="{dataModel>Geography_desc}"
        />
      </t:template>
    </t:Column>
    <t:Column hAlign="Center" resizable="false">
      <Label class="headerClass commonSorting" text="Regulatory class" />
      <t:template>
        <Text class="Phrases"
          wrapping="false"
          text="{dataModel>Regulatory_desc}"
        />
      </t:template>
    </t:Column>
    <t:Column hAlign="Center" resizable="false">
      <Label class="headerClass commonSorting" text="Author" />
      <t:template>
        <Text class="PhrasesText"
          wrapping="false"
          text="{dataModel>Author_desc}"
        />
      </t:template>
    </t:Column>
  </t:columns>
</t:Table>

[使用CSS

.maxlines {
  display: inline-block; /* or inline-block */
  text-overflow: ellipsis;
  word-wrap: break-word !important;
  overflow: hidden !important;
  max-height: 62.5px !important;
  line-height: 16px !important;
  text-align: left !important;
}

Answer 1

我认为这是一个已知问题，解决方案设置为固定的'rowHeight'，该内容将内容包装在行单元格中。之所以这样，是因为该表首先根据它要处理的项目数（使用滚动条）（例如，您的odata中的$ count请求）进行重新整理，然后再获取数据并将其与单元格控件绑定。如果有大型控件，则它们在重新设置滚动条后会扩展单元格的高度，因此您无法滚动到最后。

我的建议是：

• 选项1。-将rowHeight设置为足以包裹最大的单元格的高度内容
• 选项2]]-使用出厂功能设置不同的ech行的rowHeight（以前从未尝试过，但是可能有用）
• option 3。
-使用响应表，这样做更好动态调整大小（sap.m.Table）