bootstrap 动态或静态 隐藏某些列

Bootstrap如何隐藏table中的某一列
一、 
利用bootstrapTable来设置要隐藏和显示的列

$(function () {
//初始化table
  LoadingDataListOrderRealItems();
//隐藏列
  $('#tableOrderRealItems').bootstrapTable('showColumn', 'ShopName');
  $('#tableOrderRealItems').bootstrapTable('hideColumn', 'GoodsId');
  $('#tableOrderRealItems').bootstrapTable('hideColumn', 'OrderItemId');
  $('#tableOrderRealItems').bootstrapTable('hideColumn', 'ShopName');      
  $('#tableOrderRealItems').bootstrapTable('hideColumn', 'SellerName');
}); 

二、 也可以直接使用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',
    },


原文：https://blog.csdn.net/houqicun/article/details/78298760