<template>
<div class="demo">
<div class="menu" @click="showPinel">
<i class="el-icon-more" />
<div v-show="menuVisible" class="menu_">
<el-checkbox-group v-model="colOptions">
<el-checkbox
v-for="item in option.column"
:key="item.label"
:label="item.prop"
>
{
{ item.label }}</el-checkbox
>
</el-checkbox-group>
</div>
</div>
<vue-crud ref="table" :option="option" :data="data">
<el-table-column label="操作" align="center">
<template>
<el-button> 移除 </el-button>
</template>
</el-table-column>
element-ui table表格组件设置展示列的显示与隐藏
最新推荐文章于 2024-07-26 08:15:00 发布
本文介绍如何在 Element UI 的 Table 组件中动态控制列的显示与隐藏,适用于 Vue.js 开发环境,通过特定配置实现表格列的可见性管理。
摘要由CSDN通过智能技术生成