UI5如何独立设置表格内容密度与边距 不受全局UI样式影响

结论 #

完全可以实现全局使用sapUiSizeCozy的前提下，仅为指定表格应用sapUiSizeCompact紧凑密度。你没有在sap.m.Table的属性列表中找到class类配置，是因为该属性属于所有UI5控件继承自sap.ui.core.Control的通用属性，不会单独列在sap.m.Table自身的属性定义中，可直接使用。

实现方法 #

• 方法1：XML视图中直接给Table控件加class属性
  直接在表格标签上添加密度类即可：

  <m:Table 
    class="sapUiSizeCompact"
    id="myCompactTable"
    items="{/items}"
    <!-- 其他表格属性配置 -->
  >
    <!-- 表格列、行模板等内容 -->
  </m:Table>
  

• 方法2：JS动态创建控件时添加样式类
  调用控件的addStyleClass方法注入密度类：

  const oMyTable = new sap.m.Table("myCompactTable", {
    // 表格属性配置
  });
  oMyTable.addStyleClass("sapUiSizeCompact");
  

注意事项 #

• 密度类会向下传递给表格内的所有子控件，表格内部的按钮、输入框等元素会自动同步为紧凑模式，符合常规使用需求。
• 避免给表格的上层父容器同时设置冲突的密度类，防止样式优先级异常。

内容的提问来源于stack exchange，提问作者Mike