elementui el-table 如何为tr添加css以及在多选时限制选择数量

在Element UI的el-table中为tr添加CSS可以通过自定义类名来实现。你可以在el-table-column中使用row-class-name属性来为特定的行添加类名。

<el-table
  :data="tableData"
  style="width: 100%"
  row-class-name="my-row-class"
>
  <!-- 列定义 -->
</el-table>

然后在你的CSS中定义这个类名：

<style>
.my-row-class {
  /* 你的CSS样式 */
  color: red;
}
</style>

对于限制多选的数量，Element UI没有直接的属性来实现这个功能。但你可以通过监听@selection-change事件来控制。

<el-table
  :data="tableData"
  style="width: 100%"
  @selection-change="handleSelectionChange"
  ref="multipleTable"
>
  <!-- 列定义 -->
</el-table>

在Vue组件的methods中：

methods: {
  handleSelectionChange(selection) {
    if (selection.length > 你的限制数量) {
      this.$refs.multipleTable.clearSelection();
      this.$refs.multipleTable.toggleRowSelection(selection[selection.length - 1]);
    }
  }
}

这段代码会在选择数量超出限制时清除当前的选择，并且保留最后一次的选择。你需要将你的限制数量替换为实际的数量限制。