Question

我需要为列提供背景并使用javascript和css更改UI5中表格的字体样式。如果必须应用CSS，我需要知道如何到达特定元素。我是怎么做到的？

Answer 1

在您想要的表格或列上添加课程

oTable.addStyleClass("classname");

像往常一样使用css

.classname{
color:red
}

并在index.html中包含此css文件

根据你的评论：将id添加到表头列中以这种方式使用它

var oColumn = new sap.ui.table.Column("tc",{
    label: new sap.ui.commons.Label({text: "Last Name"}),
    template: new sap.ui.commons.TextView().bindProperty("text", "lastName"),
    sortProperty: "lastName",
    filterProperty: "lastName",
    width: "200px"
});

此处id=tc已添加到此标头中。

根据需要编写css

#tc{
color:red
}

SEE DEMO HERE

Answer 2

================== XML ============================ =======

===================格式js ========================== =

yaoji.utils.formatter.format = function (cellValue) {
     this.onAfterRendering= function() {
     //!!! if not after redering, can't get the dom
        var cellId = this.getId(); 
        $("#"+cellId).parent().parent().parent().css("background-color","red"); 
     return cellValue;
};

SAP UI5中的样式表

2 个答案: