el-table 隐藏某一行

你可以使用Element UI的table组件来隐藏某一行。以下是两种方法：

方法一：使用v-if指令

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="gender" label="性别"></el-table-column>
</el-table>

在data中定义一个变量，用于控制是否显示某一行：

data() {
  return {
    tableData: [
      { name: '张三', age: 18, gender: '男' },
      { name: '李四', age: 20, gender: '女' },
      { name: '王五', age: 22, gender: '男' }
    ],
    hideRow: false // 控制是否隐藏某一行的变量
 }
}

然后在需要隐藏的行上使用v-if指令：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="gender" label="性别">
    <template slot-scope="scope">
      <span v-if="!hideRow">{{ scope.row.gender }}</span>
    </template>
  </el-table-column>
</el-table>

当hideRow为true时，该行将被隐藏。

方法二：使用CSS样式
给需要隐藏的行添加一个class，并在CSS中设置该class的display属性为none：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="gender" label="性别">
    <template slot-scope="scope">
      <span :class="{ 'hide-row': hideRow }">{{ scope.row.gender }}</span>
    </template>
  </el-table-column>
</el-table>

.hide-row {
  display: none;
}

当hideRow为true时，该行将被隐藏。