您现在的位置是:群英 > 开发技术 > web开发
Bootstrap中如何将表格的列隐藏,有什么方式
Admin发表于 2022-07-21 17:56:342542 次浏览
今天这篇给大家分享的知识是“Bootstrap中如何将表格的列隐藏,有什么方式”,小编觉得挺不错的,对大家学习或是工作可能会有所帮助,对此分享发大家做个参考,希望这篇“Bootstrap中如何将表格的列隐藏,有什么方式”文章能帮助大家解决问题。


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

本教程操作环境: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
}]

以上就是关于“Bootstrap中如何将表格的列隐藏,有什么方式”的介绍了,感谢各位的阅读,希望文本对大家有所帮助。如果想要了解更多知识,欢迎关注群英网络,小编每天都会为大家更新不同的知识。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

标签: bootstrap隐藏列
相关信息推荐
2021-11-19 18:06:26 
摘要:这篇文章给大家介绍的是PHP中的return怎样定义方法的返回值,其实不仅是PHP,大部分编程语言的函数或者叫方法,都可以用return来定义方法的返回值。小编觉得挺实用的,因此分享给大家做个参考,文中示例代码介绍的非常详细,感兴趣的朋友接下来一起跟随小编看看吧。
2022-05-05 15:16:26 
摘要:Java中判断字符串是否为数字的五种方法,我们在平时的开发过程中,难免要用着数值转换的问题,一般是字符串转数值类型,今天给大家总结5中方法,希望对大家有用!
2022-05-07 17:42:47 
摘要:bootstrap内置插件有:1、过渡效果插件;2、模态框插件;3、下拉菜单插件;4、滚动监听插件;5、标签页插件;6、提示工具插件;7、弹出框插件;8、警告框插件;9、按钮插件;10、折叠插件;11、轮播插件;12、附加导航插件。
云活动
推荐内容
热门关键词
热门信息
群英网络助力开启安全的云计算之旅
立即注册,领取新人大礼包
  • 联系我们
  • 24小时售后:4006784567
  • 24小时TEL :0668-2555666
  • 售前咨询TEL:400-678-4567

  • 官方微信

    官方微信
Copyright  ©  QY  Network  Company  Ltd. All  Rights  Reserved. 2003-2019  群英网络  版权所有   茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078   粤ICP备09006778号
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
微信公众号
返回顶部
返回顶部 返回顶部