本文摘自PHP中文网,作者藏色散人,侵删。
bootstraptable隐藏列的方法:1、通过“bootstrapTable('hideColumn', 'GoodsId');”方式隐藏;2、通过属性“visible: false”实现隐藏。
推荐:《bootstrap视频教程》
本教程操作环境:windows10系统、bootstrap3.0版,该方法适用于所有品牌电脑。
bootstraptable隐藏列的方法:
bootstrapTable中hidden:true不管用呀!网上的代码是这个$(table).bootstrapTable('showColumn', '要隐藏的字段')
第一种方式
1 2 3 4 5 6 7 8 9 |
|
第二种方式:
隐藏: visible: false,
显示:visible: true,
visible属性没有true或者false,是visible,invisible和gone。
visible:可见的;
invisible:不可见,但占空间;
gone:不可见,也不占空间,控件从布局上消失了。
1 2 3 4 5 6 7 8 9 |
|
以上就是bootstraptable 隐藏列的方法的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
bootstraptable如何重新加载数据?3种方式了解一下!
浅谈bootstraptable+jstree插件对树列表条件和查询条件的处理
更多相关阅读请进入《bootstraptable》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者