SAPUI5表格式

Question

我是CSS和SAPUI5的新手。虽然取得了很好的进展，但我很难将样式选项应用于SAPUI5表。我的行动旨在形成一个id为tbl1的特定表。在index.html中，我给出了自定义css样式定义，如：

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

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

更改了表格标题字体大小和单元格背景，但没有更改单元格中的字体大小... 最好的方法是什么？

让我了解一下我最终想要实现的目标： 除了改变行和标题的字体大小

• 每隔一行应该使用

  进行着色

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

• 专用单元格应根据其值进行着色

Answer 1

在SAPUI5中，最好将CSS类附加到控件上。遗憾的是，你不能依赖你为手动CSS样式控制分配的ID，因为ID并不总是分配给你期望的控件，有时ID是相对于你的视图名称分配的，例如如果是可重复使用的观点。

让我们假设您有一个表格和内容要将CSS应用于：

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

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

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

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