preview.png
将列数据定义在data中,然后动态绑定列数据到模板上
element表格横向滚动条提供⼀组⽤于设置列展⽰的复选框,默认选中所有列,即默认展⽰所有列
选中或取消选中某个列时,更新模板中动态绑定的列数据,实现页⾯只显⽰需要展⽰的列
⾸先根据思路,可以确定⼏个状态:
表格数据
tableColumns 表格所有列数据,列数据的唯⼀来源
bindTableColumns 绑定到模板上的列数据,即需要展⽰的列数据
checkedTableColumns 复选框中选中的列数据
然后开始实现:
在线⽰例:
CodePen: element-ui table表格组件设置展⽰列的显⽰与隐藏

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。