el-table隐藏一列

要隐藏el-table中的一列，您可以使用v-if指令。在el-table-column的标签上添加v-if属性，并将其设置为false即可隐藏该列。例如，如果您想隐藏id列，可以使用以下代码：

<el-table-column label="id" align="center" prop="id" v-if="false" />

这将使id列在页面上不可见。请注意，当v-if的值为false时，该列将从DOM中完全移除。

相关问题

el-table隐藏一列属性

要隐藏el-table中的某一列，可以通过设置该列的`show-overflow-tooltip`属性为`false`，然后设置该列的宽度为0来实现。例如，如果要隐藏第二列，可以这样写：

<el-table :data="tableData">
  <el-table-column prop="prop1" label="属性1"></el-table-column>
  <el-table-column prop="prop2" label="属性2" :show-overflow-tooltip="false" :width="0"></el-table-column>
  <el-table-column prop="prop3" label="属性3"></el-table-column>
</el-table>

这样，表格中的第二列就会被隐藏。注意，该列的数据仍然存在于表格数据中，只是不会在表格中显示。

<el-table><el-table-column></el-table-column><el-table-column></el-table-column></el-table>控制其中一列<el-table-column>显示和隐藏怎么写

要控制<el-table>中的某一列<el-table-column>的显示和隐藏，你可以使用<el-table-column>的"show-overflow-tooltip"属性来实现。当该属性设置为true时，列内容超出宽度时会显示tooltip，设置为false时则隐藏列内容。

以下是示例代码：

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

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20, gender: '男' },
        { name: '李四', age: 25, gender: '女' },
        { name: '王五', age: 30, gender: '男' }
      ],
      showAgeColumn: true // 控制年龄列的显示和隐藏
    };
  }
};
</script>

在上述代码中，通过设置showAgeColumn的值来控制年龄列的显示和隐藏。当showAgeColumn为true时，年龄列会显示；当showAgeColumn为false时，年龄列会隐藏。