javascript - 我们如何调整 sap.m.table 中行的高度？

Question

我正在 Controller 中使用 sap.m.Table 创建一个表。如何调整表格的行大小？

我正在使用 sap.m.ColumnListItem 添加每一行，但是表或 ColumnListItem 没有提供调整行高的选项

onDataGotFromServer : function(data){
    var table = new sap.m.Table({
        showSeparators: "None"
    });
    var column1 = new sap.m.Column();
    var column2 = new sap.m.Column();
    table.addColumn(column1);
    table.addColumn(column2);
    for( var i=0; i < data.length; i++ ) {
        var eachData = data[i];
        var columnListItem = new sap.m.ColumnListItem({
            cells:[
                new sap.m.Text({
                    text: eachData.key
                }),
                new sap.m.Text({
                    text: eachData.value
                })
            ]
        });
        table.addItem(columnListItem);
    }
    this._layout.addContent(table);         
}

这是演示代码:https://plnkr.co/edit/sKYK9R5a5fFJdJ8D68GF?p=preview

Answer 1

这是解决此问题的另一种快速方法:

您可以使用 HBox 或 VBox 放置文本，然后在 HBox 上应用高度。以下是您的 plunker 的示例。

var columnListItem = new sap.m.ColumnListItem({
  cells: [

    new sap.m.HBox({
      height: "60px",
      items: [
        new sap.m.Text({
          text: "Test1"
        })
      ]
    }),
    new sap.m.HBox({
      items: [
        new sap.m.Text({
          text: "Test2"
        })
      ]
    })
  ]
});

如果这有帮助，请告诉我!