悬停时如何突出显示 sap.m.table 单元格的边框？

Question

我有这个 table: https://jsbin.com/jibevalope/edit?html,css,js,output 并且我试图突出显示悬停的单个单元格。

我试过添加

mode="SingleSelectMaster" modeAnimationOn="false"

但这只会突出显示悬停在其上的单元格的整行。

如何只关注单元格？

Answer 1

.sapMListTblCell:hover {
  background-color: white;
}

.sapMListTblRow:hover {
  background-color: #f9fbfc;
}

这样当您将鼠标悬停在单元格上时，行的背景色将保持默认颜色，单元格将变为白色。您需要这两个规则来覆盖表行悬停 CSS 并添加您的单元格悬停 CSS.

How to highlight border of sap.m.table cell when hovered over?