1、序言

        源码在下方,复制粘贴就可运行

        当一个表格太多列的时候,想要显示/隐藏一些列,目标效果如下:

默认情况下,展示所有列

隐藏某一列

 

2、原理

(1)data数据有:tableData为表格数据,columns为表头数据,checkColumns为选中的数据,checkAll为是否全选,默认情况下展示所有的数据,为columns每一行数据添加是否显示的开关,默认都为true。

 

(2)表格列判断是否显示的方法

(3) 判断是否全选以及刷新表格

 

(4)选择列:复选框@change事件参数val,返回的是一个选中的复选框的数组

 

(5)重置事件

        

 

(6)全选/反全选事件

 

3、源码

  这是组件,引用并注册该组件便可使用了

好文链接

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: