开发者社区云计算文章正文

element Table表格隐藏列

2023-11-07 88

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： element Table表格隐藏列

在el-table-column上添加：v-if="false"

<el-table v-loading="loading" :data="bczglList" @selection-change="handleSelectionChange">
      <el-table-column label="id" align="center" prop="id" v-if="false" />
      <el-table-column label="编号" align="center" prop="bzno" />
        </template>
      </el-table-column>
    </el-table>

讓丄帝愛伱

你挚爱的强哥

19天前

用dragstart、drag、dragend、dragover、drop、dragleave实现针对表格列的顺序进行拖拽排序(附带实现选择某几列数据显示或隐藏)

你挚爱的强哥

10 0 0

GoodTime

6月前

JavaScript

element-UI el-table动态显示隐藏列造成固定一侧的列(fixed=“left/right“)错误显示

问题原因：多个tabs共用一个实体，动态显示隐藏列出现了固定在右侧的列(fixed="right")错位【解决方案】表格的重新布局，只要table数据发生变化的时候就重新渲染表格 ```js this.$nextTick(() => { this.$refs.formname.doLayout() }) ``` 参考element官方文档 ![请在此添加图片描述](https://developer-private-1258344699.cos.ap-guangzhou.myqcloud.com/column/article/5877188/20231030-e40

GoodTime

92 0 0