表格插件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 
版權聲明：本文為博主原創文章，轉載請附上博文鏈接！