表格插件bootstrapTable中隐藏和显示某列及一些小注意点

https://blog.csdn.net/houqicun/article/details/78298760

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',
    }, {
--------------------- 
作者：houqicun 
来源：CSDN 
原文：https://blog.csdn.net/houqicun/article/details/78298760?utm_source=copy 
版权声明：本文为博主原创文章，转载请附上博文链接！