在sap.ui.table.Table中修复标题

2020-09-24 06:21发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


我有一个需要修复UI Table标头的要求,以便当用户向下滚动表内容时,他仍然能够看到列标头。

我不想设置visibleRowCount属性,因为它会影响我实现的合并单元格的另一功能。

此外,我的第一列是UI表中的固定列。

我已经为该表尝试了一些CSS代码,该代码部分起作用,但是由于固定,它为第一列创建了单独的滚动。

我已附上图片

下面是我使用的CSS代码。

thead {

text-align:left;

显示:阻止;

/*浮动:左; */

/*宽度:100%; */

宽度:100%;

}

thead tr {

显示:table-row!important;

宽度:100%重要!

}

身体{

显示:块;

/*高度:480px; */

高度:500像素;

溢出y:覆盖;

/*浮动:左; */

宽度:100%;

}

tbody tr {

显示:table-row!important;

宽度:100%重要!

}

th,td {

宽度:290像素!重要;

}

表{

表格布局:固定!重要;

}

如果您有其他可行的方法,请提出建议。

(45.4 kB)

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


我有一个需要修复UI Table标头的要求,以便当用户向下滚动表内容时,他仍然能够看到列标头。

我不想设置visibleRowCount属性,因为它会影响我实现的合并单元格的另一功能。

此外,我的第一列是UI表中的固定列。

我已经为该表尝试了一些CSS代码,该代码部分起作用,但是由于固定,它为第一列创建了单独的滚动。

我已附上图片

下面是我使用的CSS代码。

thead {

text-align:left;

显示:阻止;

/*浮动:左; */

/*宽度:100%; */

宽度:100%;

}

thead tr {

显示:table-row!important;

宽度:100%重要!

}

身体{

显示:块;

/*高度:480px; */

高度:500像素;

溢出y:覆盖;

/*浮动:左; */

宽度:100%;

}

tbody tr {

显示:table-row!important;

宽度:100%重要!

}

th,td {

宽度:290像素!重要;

}

表{

表格布局:固定!重要;

}

如果您有其他可行的方法,请提出建议。

(45.4 kB)
付费偷看设置
发送
1条回答
宇峰科技
1楼-- · 2020-09-24 06:43

嗨,

因为您说" ...影响其他功能...",我可以得出结论,此处给出的任何基于代码的解决方案(即带有"复制粘贴"代码段的解决方案)都不完整,因此,我建议 您可以在概念层面上做的事情。

  • 创建一个浮动标头(您认为合适的任何类型的元素),该标头仅在滚动过程中或在特定行中可见(例如,在用户滚动到第20行之后,此时原始标头不可见)。
  • li>
  • 具有一个固定在表格标题中的页脚。
  • 每n行(其中" n"是您选择的整数变量)每行插入标题行作为表的行之一(假设这是可行的,并且理想情况下以独特的方式对其进行区分) 来自非标题行)。
  • 限制表格的可见行数,以使您每次查看表格时只能看到n行(其中" n"是您选择的整数变量),而不管是否滚动( 如果您熟悉ABAP WD-在功能上与类cl_salv_wd_config_table中的if_salv_wd_table_settings接口下的set_visible_row_count方法相同。

这当然是不完整的列表,但希望对您有所帮助。

一周热门 更多>