
鼠标悬停在表格时,可以通过改变当前行的背景色、字体颜色、字号等方式突出显示该行:

内置表格无法实现这样的交互,这里使用了Paginated HTML table视觉对象。视觉对象打开高级样式:

Custom CSS使用度量值fx自定义,度量值中写入以下语句:
tr:hover {
box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.3);
background-color: deepskyblue;
color: snow;
font-weight: bold;
font-size: 20px;
}该语句是五种常见的悬停高亮效果,分别是阴影、背景色、字体色、加粗、改变字号。你可以选择一种单独使用,也可以混合使用。
以上是整行高亮,如果是单元格高亮,只需要将tr:hover换成td:hover

整行高亮与单元格高亮也可以混搭,以下对整行背景色高亮,同时突出当前单元格的文字大小、颜色:

对应CSS:
tr:hover {
background-color: deepskyblue;
}
td:hover {
color: snow;
font-size: 20px;
font-weight: bold;
}