SAPUI5如何根据Especialidad字段值修改表格整行文本颜色

SAPUI5 表格行内的文本类控件（如sap.m.Text、sap.m.Label、sap.m.Link等）自带默认color样式规则，优先级高于父元素tr继承的color属性，因此你给tr设置的文本颜色无法被子元素继承生效，而背景色不存在默认继承拦截问题所以可以正常显示。

方案1：调整CSS规则（推荐，改动量最小） #

直接修改你的Style.css规则，扩大选择器范围覆盖行内所有标准文本控件即可，示例如下：

/* 此处替换为你实际使用的属性选择器，比如你CustomData的key为especialidad就写[data-especialidad="Hospitalizado"] */
tr[data-especialidad="Hospitalizado"] {
  background-color: #ffcccc; /* 保留你原有背景色配置 */
}
/* 覆盖行内所有文本控件的颜色 */
tr[data-especialidad="Hospitalizado"] .sapMText,
tr[data-especialidad="Hospitalizado"] .sapMLabel,
tr[data-especialidad="Hospitalizado"] .sapMLink {
  color: red !important;
}

如果不想使用!important，可以给你的Table组件添加自定义样式类（比如customHospitalTable），通过提高选择器权重覆盖默认样式，写法如下：

.customHospitalTable tr[data-especialidad="Hospitalizado"] .sapMText {
  color: red;
}

方案2：视图绑定实现（无需自定义CSS） #

直接在视图的单元格文本控件上通过表达式绑定判断字段值，不需要依赖CustomData和自定义样式，示例代码如下：

<!-- VistaPrinc.view.xml 中的ColumnListItem配置 -->
<ColumnListItem>
  <cells>
    <Text text="{字段1}" color="{= ${Especialidad} === 'Hospitalizado' ? '#ff0000' : 'Default' }" />
    <Text text="{字段2}" color="{= ${Especialidad} === 'Hospitalizado' ? '#ff0000' : 'Default' }" />
    <!-- 其余所有单元格的文本控件都添加上述color绑定即可 -->
  </cells>
</ColumnListItem>

• 确认你的CustomData配置正确，必须显式设置key属性，例如<core:CustomData key="especialidad" value="{Especialidad}" writeToDom="true"/>，生成的DOM属性才会是data-especialidad，不要依赖默认生成的属性名
• 如果你使用的是sap.ui.table.Table分析表，只需要把CSS选择器中的行元素对应调整为.sapUiTableRowHdr即可

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