element-plus 表格 动态显示操作列过多显示更多

要实现在 element-plus 表格中动态显示操作列过多时，显示更多操作的功能，可以使用 `fixed` 属性和 `tooltip-effect` 属性。

首先，在表格中设置 `fixed` 属性为 `right`，表示操作列固定在右侧。

然后，设置 `tooltip-effect` 属性为 `dark` 或 `light`，表示当操作列过多时，鼠标悬浮在操作列上时会显示一个弹出框，展示所有的操作。

示例代码如下：

<el-table :data="tableData" style="width: 100%">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column label="操作" fixed="right" :tooltip-effect="'dark'">
    <template #default="{row}">
      <el-button type="primary" size="small">编辑</el-button>
      <el-button type="danger" size="small">删除</el-button>
      <!-- 更多操作按钮 -->
    </template>
  </el-table-column>
</el-table>

这样，在表格中动态显示操作列过多时，用户可以通过鼠标悬浮在操作列上来查看更多的操作。