场景

使用el-table进行数据的展示时，某些列不需要展示，但是需要其存在。

比如查询数据时要获取对象的ID属性，在展示时不需要展示ID这一列，

但是在进行编辑时需要获取该ID。

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

可以通过在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="bczbh" /><el-table-column label="操作" align="center" class-name="small-padding fixed-width"><template slot-scope="scope"><el-buttonsize="mini"type="text"icon="el-icon-edit"@click="handleUpdate(scope.row)"v-hasPermi="['kqgl:bczgl:edit']">修改</el-button><el-buttonsize="mini"type="text"icon="el-icon-delete"@click="handleDelete(scope.row)"v-hasPermi="['kqgl:bczgl:remove']">删除</el-button></template></el-table-column></el-table>

ElementUI的el-table怎样隐藏某一列相关推荐

React Hooks Ant table 显示/隐藏特定的列
注意:仅适合有一点基础的人看 Ant Design for React:显示/隐藏特定列旧写法如下: 每当开关处于关闭状态时,我都需要隐藏姓氏列,而在开关处于打开状态时,则需要显示该姓氏列 clas ...
element-ui 中的table的列隐藏问题
element-ui 中的table和bootstrap中的table的某些设置还是有一定的差别的.之前用bootstrap做的表格,想要实现简短列和详细列的切换.因为详细列实在有太多列了,拉动滚动条 ...
Element-UI中关于table表格的那些骚操作
最近的项目中使用到element-ui组件库,由于做的是后台管理系统,所以经常需要操作表格,编辑样式的过程中遇到一些问题,官网针对table给出了很多的api,自己可以自定义,基本能满足产品需求,但是 ...
bootstraptable 列隐藏_bootstrap中table如何隐藏列？
Bootstrap如何隐藏table中的某一列?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. Bootstrap隐藏table中的某一列 1.利用boo ...
element-ui表格组件table踩坑总结
table组件中,基本情况简述: element框架的table组件,内容涵盖以下总结知识点,内容比较基础,知识有点交叉.对比学习更易于理解.应用和掌握. 常用UI效果,参考点: table边框设置( ...
bootstrap-table 列属性_bootstrap中table如何隐藏列？
Bootstrap如何隐藏table中的某一列?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. Bootstrap隐藏table中的某一列 1.利用boo ...
table中加表单元素怎么验证_使用element-ui +Vue 解决 table 里包含表单验证的问题...
应用场景: 在实际使用中经常会遇到需要在Form表单中使用table表格进行表单提交,同时又需要对table的字段进行校验,效果如图所示: 这个校验中,最关键的问题在于如何给el-form-item ...
ElementUI中为table增加小计/合计
ElementUI中只有为表格增加一个合计的功能,但是有些时候可能会遇到同时增加小计/合计的功能,可以利用slot='append'去实现多个合计功能. 文章地址: ElementUI中为table增 ...
ant vue table表格隐藏列
ant vue table表格隐藏列随手记一下
elementui: 上传文件按钮隐藏与文件名后图标隐藏
elementui: 上传文件按钮隐藏与文件名和图标隐藏 1.upload控件代码重点在于加样式 :class="{imgHide:imgHideUpload}" <el- ...

ElementUI的el-table怎样隐藏某一列

场景

实现

ElementUI的el-table怎样隐藏某一列相关推荐

最新文章

热门文章