Css 如何减少sap.ui.table单元格周围的空间

我尝试减小输入字段周围sap.ui.table中的单元格大小

在下面的屏幕截图中，您可以看到绿色标记的我想要减少的内容

正如您所见，我设法减小了字体大小，为了“调试目的”，我将背景改为红色

我的

Style.css

：

.test_maybe_he input {
   font-size: 0.75em !important;
   background-color: #ff0000 !important;
   padding-left: 0px !important;
   margin-left: 0px;
}

我尝试使用负边距，但它只会将输入字段的内容移动到左侧，而不会将输入字段本身移动到左侧

我的视图本身有sapusizecompact类，但我认为周围的空间太大了，因为我有很多列，所以它不适合屏幕

也许有人也遇到了同样的问题，想让一个更大的表可以编辑，并找到了减少不必要空间的解决方案。也许作为一个旁注，它不需要在非桌面屏幕上工作。（我尝试从webdynpro abap移动到这个sapui5应用程序。）

我很感激你的建议，并希望学习。也许需要一些jQuery来完成它

---

在这里，它有点粗糙，没有针对确切的点进行裁剪，但它应该能够解决问题。

我不确定标准CSS类是否会帮助您，因为填充是在非常低的级别上生成的

sap.ui.table.Column

没有属性

class

或

styleClass

，因此无法在那里连接

sap.ui.table.table

的级别太高。在那里应用标准CSS类将影响表本身，而不是其列和单元格

您可以尝试为表提供一个自定义CSS类

<t:Table id="table0"
    ...
    class="myVeryCompactTable">

我使用了两次myVeryCompactTable来增加特异性（所以我不需要

！重要的
）。您可以使用其他方法来增加特异性

结果是这样的


.myVeryCompactTable.myVeryCompactTable .sapUiTableCellInner {
    padding: 0;
}