Sapui5 sap.ui.table.table:行和滚动条未对齐

Sapui5 sap.ui.table.table:行和滚动条未对齐,sapui5,Sapui5,直到最后一行我才能向下滚动。我必须使用↓ 关键是达到它 每行的高度是可变的。每行最多可以显示3行文本 使用的CSS .maxlines{ 显示:内联块;/*或内联块*/ 文本溢出:省略号; 单词包装:打破单词!重要; 溢出:隐藏!重要; 最大高度:62.5px!重要; 线高:16px!重要; 文本对齐:左!重要; } 我认为这是一个已知的问题,解决方案是设置一个固定的“行高”,将内容包装在行单元格中。这与此类似,因为首先(使用滚动条)根据表要使用的项目数(例如odata中的count请求)重

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

每行的高度是可变的。每行最多可以显示3行文本


使用的CSS

.maxlines{
显示:内联块;/*或内联块*/
文本溢出:省略号;
单词包装:打破单词!重要;
溢出:隐藏!重要;
最大高度:62.5px!重要;
线高:16px!重要;
文本对齐:左!重要;
}

我认为这是一个已知的问题,解决方案是设置一个固定的“行高”,将内容包装在行单元格中。这与此类似,因为首先(使用滚动条)根据表要使用的项目数(例如odata中的count请求)重新绘制表,然后使用cells控件获取和绑定数据。如果有大控件,它们会在重新编辑滚动条后扩展单元格高度,因此无法滚动到最后

我的建议是:

  • 选项1。-设置足够大的行高以包裹最大的单元格 内容
  • 选项2.-使用出厂功能设置不同的 ech row的行高(以前从未尝试过此方法,但它可能有效)
  • 选项3.-使用响应表,这比使用响应表更好 动态调整大小(sap.m.Table)

来自
sap.ui.table
库的表只支持有限的一组控件
此外,应禁用文本换行。

  • 删除可能操纵单元格高度的自定义CSS规则

  • 单元格内容:确保仅使用中的控件(向下滚动至脚注
    1
    )或足够小的控件

  • 文本:禁用包装→ <代码>

    为了保持控件高度始终稳定,例如,
    sap.m.Text
    控件中的
    换行
    renderWhitespace
    属性必须设置为
    false

  • 使用较大的控件或包装文本通常会导致垂直滚动高度计算错误。尽量避开它们


    要了解有关支持的控件的更多信息,请参阅Fiori设计指南。

    选项2不幸不可行,因为
    sap.ui.table.*
    表不支持出厂功能。