bootstraptable 隐藏列的方法

百变鹏仔 1个月前 (11-14) #bootstrap

文章标签方法

bootstraptable隐藏列的方法：1、通过“bootstraptable('hidecolumn', 'goodsid');”方式隐藏；2、通过属性“visible: false”实现隐藏。

推荐：《bootstrap视频教程》

本教程操作环境：windows10系统、bootstrap3.0版，该方法适用于所有品牌电脑。

bootstraptable隐藏列的方法：

bootstrapTable中hidden：true不管用呀！网上的代码是这个$(table).bootstrapTable('showColumn', '要隐藏的字段')

第一种方式

<script>         $(function () {            LoadingDataListOrderRealItems();            $(&#39;#tableOrderRealItems&#39;).bootstrapTable(&#39;showColumn&#39;, &#39;ShopName&#39;);            $(&#39;#tableOrderRealItems&#39;).bootstrapTable(&#39;hideColumn&#39;, &#39;GoodsId&#39;);        });      </script>

第二种方式：

隐藏： visible: false,

显示：visible: true,

visible属性没有true或者false，是visible,invisible和gone。
visible：可见的；
invisible：不可见，但占空间；
gone：不可见，也不占空间，控件从布局上消失了。

columns:[{ 	title: 'id',	field: 'id',	 align: 'center',	valign: 'middle',	 width: '7%',	 visible: false}]

文章推荐

bootstraptable 隐藏列的方法

学习bootstrap需要什么基础

bootstrap模态框有什么用

bootstrap是什么意思啊

bootstrap是什么时间开源的

bootstrap怎么实现响应式