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

发布时间：2020-12-17 20:48:46 所属栏目：安全来源：网络整理

导读：https://blog.csdn.net/houqicun/article/details/78298760 Bootstrap如何隐藏table中的某一列一、利用bootstrapTable来设置要隐藏和显示的列$( function () { // 初始化table LoadingDataListOrderRealItems(); // 隐藏列 $(‘#tableOrderRealItems‘).boo

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!