Bootstrap如何隱藏table中的某一列？下面本篇文章給大家介紹一下。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。

Bootstrap隱藏table中的某一列

1、利用bootstrapTable來設置要隱藏和顯示的列$(function () {

//初始化table

LoadingDataListOrderRealItems();

//隱藏列

$('#tableOrderRealItems').bootstrapTable('showColumn', 'ShopName');

$('#tableOrderRealItems').bootstrapTable('hideColumn', 'GoodsId');

$('#tableOrderRealItems').bootstrapTable('hideColumn', 'OrderItemId');

$('#tableOrderRealItems').bootstrapTable('hideColumn', 'ShopName');

$('#tableOrderRealItems').bootstrapTable('hideColumn', 'SellerName');

});

bootstrap-table是一個基于Bootstrap的jQuery插件，可以實現從數據庫中提取數據到前端進行相應操作的功能，很好用！！

2、直接使用hidden屬性來設置columns: [{

field: 'OrderId',

title: '#',

align: 'center',

}, {

field: 'OrderItemId',

title: 'OrderItemId',

align: 'left',

hidden:true,

}, {

field: 'GoodsId',

title: 'GoodsId',

align: 'left',

hidden:true,

}, {

field: 'OrderCode',

title: '訂單編號',

align: 'left',

}]

更多bootstrap的相關知識，可訪問：前端開發學習！!

總結

以上是生活随笔為你收集整理的bootstraptable 列隐藏_bootstrap中table如何隐藏列？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。