el-table 某列的显示隐藏

可以通过设置 el-table-column 的属性：`show-overflow-tooltip` 来实现某列内容过长时的显示隐藏效果。当内容超出列宽时，会自动显示 tooltip，鼠标悬浮在该列上时会显示完整内容，鼠标移开时则隐藏。

示例代码：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名" show-overflow-tooltip></el-table-column>
  <el-table-column prop="age" label="年龄"></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时，年龄列会隐藏。

怎么让el-table-column某一列隐藏不显示

你可以使用 `el-table-column` 的 `prop` 属性来控制表格列的显示和隐藏。具体来说，你可以将不需要显示的列的 `prop` 属性设置为一个不存在的值，这样就可以实现列的隐藏了。

例如，如果你有一个表格列的 `prop` 属性为 `column1`，你可以通过将它的 `prop` 属性设置为一个不存在的值来隐藏它，如下所示：

<el-table :data="tableData">
  <el-table-column prop="column1" label="列1"></el-table-column>
  <el-table-column prop="column2" label="列2"></el-table-column>
  <el-table-column prop="column3" label="列3"></el-table-column>
</el-table>

如果你想要动态控制列的显示和隐藏，可以使用 `v-if` 或 `v-show` 来实现。例如，你可以定义一个变量 `showColumn1` 来控制第一列的显示和隐藏，如下所示：

<el-table :data="tableData">
  <el-table-column v-if="showColumn1" prop="column1" label="列1"></el-table-column>
  <el-table-column prop="column2" label="列2"></el-table-column>
  <el-table-column prop="column3" label="列3"></el-table-column>
</el-table>

当 `showColumn1` 为 `true` 时，第一列会显示；当 `showColumn1` 为 `false` 时，第一列会隐藏。