el-table-column点击行高亮

要实现 el-table-column 点击行高亮，可以通过设置 table 的 highlight-current-row 属性为 true，然后在 el-table-column 中设置 selectable 属性为 true。这样就可以实现点击行高亮了。

示例代码如下：

<el-table :data="tableData" highlight-current-row>
  <el-table-column type="selection" selectable></el-table-column>
 <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
</el-table>

相关问题

el-table-column 的行高怎样设置

你可以通过设置 `el-table-column` 组件中的 `min-height` 属性来调整行高。例如：

<el-table-column prop="name" label="姓名" min-height="60px"></el-table-column>

这样就将该列的行高设置为 60px。你也可以在样式表中针对 `el-table-column` 元素设置行高，例如：

.el-table-column {
  min-height: 60px;
}

这样将会将所有 `el-table-column` 组件的行高都设置为 60px。

el-table移入当前行高亮

要实现el-table移入当前行高亮，可以通过设置row-class-name属性来实现。具体步骤如下：

1. 在el-table标签上添加row-class-name属性，值为一个函数，该函数接收一个参数row，表示当前行的数据对象。
2. 在该函数中，判断当前行是否为鼠标所在行，如果是，则返回一个字符串，表示该行的样式名；如果不是，则返回空字符串。
3. 在样式表中定义该样式名对应的样式，例如设置背景色为黄色等。

示例代码如下：

<el-table :data="tableData" row-class-name="tableRowClassName">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>

...

methods: {
  tableRowClassName({ row, rowIndex }) {
    return rowIndex === this.hoverRowIndex ? 'highlight-row' : '';
  },
  handleMouseEnter(index) {
    this.hoverRowIndex = index;
  },
  handleMouseLeave() {
    this.hoverRowIndex = -1;
  }
},
data() {
  return {
    tableData: [
      { name: '张三', age: 18, address: '北京市' },
      { name: '李四', age: 20, address: '上海市' },
      { name: '王五', age: 22, address: '广州市' }
    ],
    hoverRowIndex: -1
  };
}