溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關bootstraptable如何隱藏列，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
bootstraptable隱藏列的方法：1、通過“bootstrapTable('hideColumn', 'GoodsId');”方式隱藏；2、通過屬性“visible: false”實現隱藏。
bootstrapTable中hidden：true不管用呀！網上的代碼是這個$(table).bootstrapTable('showColumn', '要隱藏的字段')
第一種方式
<script type="text/javascript">
$(function () {
LoadingDataListOrderRealItems();
$('#tableOrderRealItems').bootstrapTable('showColumn', 'ShopName');
$('#tableOrderRealItems').bootstrapTable('hideColumn', 'GoodsId');
});
</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如何隱藏列就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
