bootstraptable 隱藏列的方法

bootstraptable隱藏欄位的方法：1、透過「bootstrapTable('hideColumn', 'GoodsId');」方式隱藏；2、透過屬性「visible: false」實現隱藏。

#推薦：《bootstrap影片教學》

本教學操作環境：windows10系統、bootstrap3.0版，此方法適用於所有品牌電腦。

bootstraptable隱藏列的方法：

bootstrapTable中hidden：true不管用呀！網路上的程式碼是這個$(table).bootstrapTable('showColumn', '要隱藏的欄位')

第一種方式

<script type="text/javascript">
 
        $(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 隱藏列的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！