SAPUI5表边框颜色/宽度

时间:2019-06-03 08:10:02

标签: javascript css sapui5 sapui5-theming

我的弹出窗口中有一个简单的表(sap.m.Table)。

<Table headerText="Table 1">

            <columns>
                <Column mergeDuplicates="true">
                    <header>MyData</header>
                </Column>
            </columns>

            <ColumnListItem>
                 <VBox alignItems="End">
                    <Text text="{i18n>myOwnField}: Data1"/>
                 </VBox>
            </ColumnListItem>

</Table>

enter image description here

我想删除表格的边界线。根据我们的要求,我不能使用自定义CSS来做到这一点。我需要使用UI5框架提供的内置方法。

但是,SAPUI5 guideline没有提供任何名为 border width 的属性。

我在theme parameter toolbox上找到了 sapUiListTableFixedBorderColor 属性,但不确定如何在当前的编码中使用它,或者根本没有用。

提前感谢您的任何建议/提示。

1 个答案:

答案 0 :(得分:1)

sap.m.ListBase(从中派生表)具有属性showSeparators

它期望以下值:All(默认值),InnerNone

使用None,表格将如下所示:

enter image description here

使用Inner时,它将如下所示:

enter image description here

使用All时,它将如下所示:

enter image description here


注意:

这不会影响headerText和列文本之间的粗线。如果您不希望该行,请不要使用headerText属性,而要构建自己的标题(sap.m.Title)。

如果使用InnerNone,则列文本和表格的第一行之间的粗线会变得明显变细。但是它不会完全消失。

希望有帮助。