bootstraptable隐藏列的方法:1、通过“bootstrapTable('hideColumn', 'GoodsId');”方式隐藏;2、通过属性“visible: false”实现隐藏。
本教程操作环境:windows10系统、bootstrap3.0版,该方法适用于所有品牌电脑。
bootstraptable隐藏列的方法:
bootstrapTable中hidden:true不管用呀!网上的代码是这个$(table).bootstrapTable('showColumn', '要隐藏的字段')
第一种方式
$(function () {
LoadingDataListOrderRealItems();
$('#tableOrderRealItems').bootstrapTable('showColumn', 'ShopName');
$('#tableOrderRealItems').bootstrapTable('hideColumn', 'GoodsId');
});
第二种方式:
隐藏: 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 列隐藏_bootstraptable 隐藏列的方法
发布评论