• 技术文章 >web前端 >Bootstrap教程

    bootstraptable 隐藏列的方法

    藏色散人藏色散人2020-11-30 17:00:49原创72

    bootstraptable隐藏列的方法:1、通过“bootstrapTable('hideColumn', 'GoodsId');”方式隐藏;2、通过属性“visible: false”实现隐藏。

    推荐:《bootstrap视频教程

    本教程操作环境:windows10系统、bootstrap3.0版,该方法适用于所有品牌电脑。

    bootstraptable隐藏列的方法:

    bootstrapTable中hidden:true不管用呀!网上的代码是这个$(table).bootstrapTable('showColumn', '要隐藏的字段')

    第一种方式

    <script type="text/javascript">
     
            $(function () {
                LoadingDataListOrderRealItems();
                $('#tableOrderRealItems').bootstrapTable('showColumn', 'ShopName');
                $('#tableOrderRealItems').bootstrapTable('hideColumn', 'GoodsId');
            }); 
     
        </script>

    第二种方式:

    隐藏: visible: false,

    显示:visible: true,

    visible属性没有true或者false,是visible,invisible和gone。
    visible:可见的;
    invisible:不可见,但占空间;
    gone:不可见,也不占空间,控件从布局上消失了。

    columns:[
    	{
    	 	title: 'id',
    		field: 'id',
    		 align: 'center',
    		valign: 'middle',
    		 width: '7%',
    		 visible: false
    }]

    以上就是bootstraptable 隐藏列的方法的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:bootstraptable
    上一篇:bootstrap如何更改nav颜色 下一篇:bootstrap模态框加滚动条
    第14期线上培训班

    相关文章推荐

    • extjs 和 bootstrap是什么• 关闭bootstrap alert提示窗的实现方法• easyui和bootstrap之间有什么区别?• bootstrap做什么用的?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网