easyUI dataGrid 隐藏分页工具栏 隐藏表头

本文介绍了如何在easyUI的dataGrid中隐藏分页工具栏和表头。方法1通过设置`showHeader`和`pagination`属性为false实现,但不推荐。推荐方法是利用dataGrid继承的panel,直接使用jQuery的hide()或show()方法控制显示隐藏,更加灵活。
摘要由CSDN通过智能技术生成

一.方法1(不推荐)

适应以下需求

1.当表格没有数据时,把datagrid隐藏;有数据的时候显示

2.表格不分页,无需显示分页栏

3.datagrid的高度由内容撑开(固定高度,无数据时显示空白也可,有数据要隐藏不行,因为本方法实质是隐藏表头,分页)

首先看第一点:大多数人都是这样想的,即单纯的给datagrid <table>动态设置display:none控制显示隐藏;这种方法是不生效的(关于理由有兴趣的可以自己查下)。

以上是没有数据的情况下,为table设置了display:none,height没有设置,根据内容(没有数据的时候)撑开;

此时可以注意到,由于height是自适应的,要隐藏datagrid,只需隐藏表头,分页栏即可。

解决以上问题只需下面几行代码

 $("#quotaList").datagrid({
			showHeader:false,
			pagination:false
		});

从datagrid官方文档可以看到,dataGrid有showHeader,pagination这两个属性

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值