``` tr ```el-table 行hover

在HTML中的`<tr>`标签表示表格（table）中的行（row）。在`el-table`组件中，`tr`用于定义每一行数据，它是表格布局的基本单位。如果你想实现`el-table`中行（`tr`）的`hover`效果，也就是鼠标悬停在某一行时改变该行的外观，你可以这样操作：

首先，在你的`el-table`组件的样式中，给`.el-table tr`选择器添加一个基础的hover样式，比如改变背景颜色：

.el-table tr:hover {
  background-color: rgba(0, 0, 0, 0.05); /* 设置一个浅灰色背景作为hover效果 */
}

这将使表格中的每行在鼠标悬停时有一个淡化的背景颜色。

如果你想要每个单元格都有独立的hover效果，可以在`.el-table .cell`选择器上添加hover样式：

.el-table .cell:hover {
  background-color: rgba(0, 0, 0, 0.03); /* 单元格hover效果 */
}

确保为`el-table`、`tr`和`cell`等元素应用了相应的类名，以便这些样式生效。

同时，为了实现平滑的过渡效果，你可以在`.el-table tr`上加入`transition`属性：

.el-table tr {
  transition: background-color 0.3s ease; /* 平滑过渡效果 */
}

这样，当你鼠标悬停时，行的背景颜色就会逐渐变换，提供友好的用户体验。