1. 程式人生 > >easyUI dataGrid 隱藏分頁工具欄 隱藏表頭

easyUI dataGrid 隱藏分頁工具欄 隱藏表頭

適應以下需求:

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這兩個屬性,只要設定false即可隱藏。

有時候多檢視官方文件往往是解決問題的最快途徑