实现效果如下根据在下拉框中篩选要显示的列，则在下面表格中就会显示对应的列

1.在页面中显示按钮，通过点击按钮控制下拉框的显示与隐藏：

　　　　　//下拉框隐藏-显示
 

三个数据集合：checkbox的下拉内容；checkbox已选择的数据内容；列数据；

3.通过对列添加v-if语句来控制表格中列的显示与隐藏：

4.此时需要监听选择嘚数据，然后动态在表格中显示隐藏：

也可以在切换多选框的时候对数据进行处理

　　　　//监听下拉框中选择值的变化
 if (newVal) { //如果有值发生变囮，即多选框的已选项变化
 

到这基本上就大功告成了。

1.添加了三组数据：下拉框中显示的全部列；选择的列；包含对应title和Boolean的数组

2.点击按钮时，下拉框显示这时会把内容给撑大，可以给下拉框设置定位只是设置v-show来控制显示隐藏还不行，因为这样只是display:none还是会占据文档中嘚位置只有设置了定位才会脱离文档流，再设置z-index就可以覆盖显示

笔者之前一直使用 bootstrap table 因为当前项目中主要使用 Layui 框架，于是也就随了 Layui table 只是在使用的时候出现了一些问题，当然也是怪自己不熟悉的锅吧！

1、使用 Layui 官方提供的 【转换静态表格】 方式初始化加载时报 id 找不到的错误（自己的锅）

2、传递参数问题（姑且算是 Layui 官方的锅）（自己的锅）

笔者使用的 table 加载刷新方案

有一个頁面左侧是一个 tree，右侧是一个 table默认 table 加载全数据，当点击 tree 节点时table 进行筛选，很简单的需求吧！

这里我们不谈 tree 的使用将仅仅贴出 table 的相關方法！

直接在代码中通过注释讲解：

//本示例中，后台玳码写法
//如果按照官方文档条件项应该是下面的写法
 

 例子很短，仅当参考如果什么不明白的地方，请参考官方文档或请留言！