bootstrap中table如何隐藏列?

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的相关知识,可访问:前端开发学习!!

以上就是bootstrap中table如何隐藏列?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Bootstrap 教程

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏