在SAPUI上更改Table组件的默认CSS类

Question

我正在使用sap.m.Table组件。我注意到我的单元格有默认的css类name并且行的直觉看起来非常大：

我希望行的高度更适合单元格的内容。

我见过this example。在其中，单元格具有另一个css类：onUpdate('cascade')

我希望我的桌子中的单元格具有css类。我想我应该将我的表的css类更改为sapMListTblCell（如示例所示）。但它没有用。

拜托，有人可以告诉我该怎么做？

Answer 1

单元格具有该高度，因为UI5首先是移动的 - 控件针对在手机上工作进行了优化。各种控件的间距/大小取决于所谓的content density。通常，您应检查用户是否正在使用移动设备，并将相应的内容密度设置为根视图。按照惯例，此检查已完成inside the Component，然后由root view's controller调用。

因此，设置紧凑的密度类很可能会解决您的问题。您还可以专门为表（以及您可能想要定位的其他控件）创建自己的密度类。您可以设置紧凑密度并指定例如细胞的高度：

CSS样式：

.sapUiSizeCompact.myCustomSize .sapMListTblCell {
    height: 1rem
}

查看：

 <Table class="sapUiSizeCompact myCustomSize" />

你可以在这里找到一个工作版本（舒适，紧凑和我们的自定义密度类之间的比较）：https://jsfiddle.net/z2gkvde0/1/。