在用jquery datatables插件的buttons扩展时,设置colvis属性问题

前端框架bootstrap3,使用mvc5
在使用jquery datatables插件的buttons扩展过程中,因为需要设置隐藏显示列的问题,使用了colvis属性,
初始化如下:
buttons: [
{
extend: 'colvis',
text: '显示/隐藏列',

columns: ':not(:last-child)',

postfixButtons: [{ extend: 'colvisRestore', text: '重置' },
]
},
]

                js文件导入顺序如下:
                jquery-3.0.0.min.js
                bootstrap.min.js
                jquery.dataTables.js
                dataTables.bootstrap.js
                dataTables.buttons.js
                buttons.bootstrap.js
                buttons.colVis.js
                css文件如下:
                bootstrap.css
                dataTables.bootstrap.css
                buttons.bootstrap.css

                遇到的问题:页面生成的“显示/隐藏列”按钮,点击该按钮后弹出一下拉菜单,(内容为列集合,点击可进行隐藏或显示列),此菜单无法关闭,只能重新刷新页面才能关闭,请问怎么解决?
                官网的例子:https://datatables.net/extensions/buttons/examples/column_visibility/simple.html
                用的谷歌浏览器、火狐浏览器都有此问题,但官网例子则没有该现象。
                请问我还需要进行什么设置?盼得到解答,谢谢!

2个回答

感谢楼上的回答,不过貌似没有看清我的问题
是插件版本与jquery 3.0不兼容的问题,升级插件到1.2.2问题结局。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问