SAPUI5 table 格式化

Question

我是 CSS 和 SAPUI5 的新手。尽管取得了良好的进展，但我很难将样式选项应用于 SAPUI5 tables。我的操作旨在格式化一个具有 id tbl1 的特定 table。在 index.html 中，我给出了自定义 css 样式定义，例如：

#tbl1{
    font-size: 200%;
    font-weight: bold;
}

#tbl1 tr{
    font-size: 150%;
    background: green;
}

更改了 table header 单元格的字体大小和背景，但单元格内的字体大小没有改变... 最好的方法是什么？

为了让您了解我最终想要实现的目标：除了更改行的字体大小和 headers

每隔一行应该对已经在使用的内容进行着色

#tbl1 tr:nth-child(even) {
    background-color: #DCDCDC;
}

Answer 1

在 SAPUI5 中，最佳做法是将 CSS 类附加到您的控件。不幸的是，您不能依赖分配给控件的 ID 来进行手动 CSS 样式设置，因为 ID 并不总是分配给您期望的控件，有时 ID 是相对于您的视图分配的名字例如在可重用视图的情况下。

假设您有 table 和要应用 CSS 的内容：

var table = new sap.m.Table();
table.addStyleClass("myCustomTable");

您的样式表可能如下所示：

.myCustomTable {
    font-size: 200%;
    font-weight: bold;
}

您还可以将 CSS 类附加到 columns 和 items 聚合，这反映了 <th> 和 <tr> 样式。

SAPUI5 table formatting