如何从表格中完全删除标题?

2020-09-08 11:05发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


我无法完全删除表头。 我能够隐藏具有可见性的标题:hidden,但这只是隐藏标题的内容。 标头仍在占用空间。 我也尝试过增加高度:0px!important尝试摆脱它,但这无济于事。 如何删除标题? 这是小提琴: https://jsfiddle.net/8nmw4ez3 /。

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


我无法完全删除表头。 我能够隐藏具有可见性的标题:hidden,但这只是隐藏标题的内容。 标头仍在占用空间。 我也尝试过增加高度:0px!important尝试摆脱它,但这无济于事。 如何删除标题? 这是小提琴: https://jsfiddle.net/8nmw4ez3 /。

付费偷看设置
发送
4条回答
四川大学会员
1楼 · 2020-09-08 11:20.采纳回答

嗨,贝蒂,我修改了您的CSS代码。 希望这会对您有所帮助-> https://jsfiddle.net/cbveg67o/

 .sapMListTblHeader {
   能见度:崩溃;
 }
 

此致

Karthik Arjun

callcenter油条
2楼-- · 2020-09-08 11:25

添加更多输入!

我建议您使用自定义CSS,从SAPUI5更改标准CSS不是一个好习惯。

以下代码可以帮助您更好地理解!

https://jsfiddle.net/uyq01xkn/

 CSS:
 .mytable .sapMListTblHeader {
   能见度:崩溃;
 }
 表:

 var table = new sap.m.Table({
 列:[
 新的sap.m.Column({
 标头:new sap.m.Label({text:" sl no"}),
 }),

 新的sap.m.Column({
 标头:new sap.m.Label({text:" name"}),
 }),

 新的sap.m.Column({
 标头:新sap.m.Label({text:" age range"})
 }),

 新的sap.m.Column({
 标头:new sap.m.Label({text:" age"})
 }),

 ]
 })。addStyleClass(" mytable");
 
三十六小时_GS
3楼-- · 2020-09-08 11:17

我不知道...为什么不避免像下面这样在每列上设置标题?

 var table = new sap.m.Table({
   列:[
     新的sap.m.Column({
      //header:new sap.m.Label({text:" sl no"}),
     }),
     新的sap.m.Column({
      //header:new sap.m.Label({text:" name"}),
     }),
     新的sap.m.Column({
      //header:new sap.m.Label({text:" age range"})
     }),
     新的sap.m.Column({
      //header:new sap.m.Label({text:" age"})
     }),
   ]
 }); 

我不太喜欢通过CSS属性来操纵SAPUI5控件。

SAP小菜
4楼-- · 2020-09-08 11:12

嗨,贝蒂,

.hideTableHeader .sapMListTblHeader {display:none;}

将hideTableHeader CSS类应用于您的表class =" hideTableHeader"

如果直接将其应用于sapMListTblHeader,则它将删除应用程序中所有表的列,这不是一个好习惯。

此致

维斯瓦

一周热门 更多>