首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >SAPUI5表格式

SAPUI5表格式
EN

Stack Overflow用户
提问于 2015-02-26 09:33:00
回答 1查看 5.4K关注 0票数 1

我在CSS和SAPUI5方面很新。虽然取得了很好的进展,但我很难将样式选项应用到SAPUI5表中。我的目标是形成一个具有id tbl1的特定表。在index.html中,我给出了自定义的css样式定义如下:

代码语言:javascript
运行
复制
#tbl1{
    font-size: 200%;
    font-weight: bold;
}

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

它更改了表格标题、字体大小和单元格的背景,但没有更改单元格内的字体大小.这样做最好的方法是什么?

给你一个我最终想要实现的展望:除了改变行和标题的字体大小

  • 第二行的颜色应该是已经在使用的 #tbl1tr:nth-child(偶数){背景颜色:#DCDCDC;}
  • 专用单元格应根据其值进行着色。
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-02-26 19:42:22

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

让我们假设您有一个要应用CSS的表和内容:

代码语言:javascript
运行
复制
var table = new sap.m.Table();
table.addStyleClass("myCustomTable");

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

代码语言:javascript
运行
复制
.myCustomTable {
    font-size: 200%;
    font-weight: bold;
}

您还可以将CSS类附加到columnsitems聚合,这反映了<th><tr>样式。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28738756

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档