EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: aswzen on March 14, 2016, 09:25:35 PM

Title: Add datagrid header on footer [UNSOLVED]
Post by: aswzen on March 14, 2016, 09:25:35 PM

How to create datagrid header appear on footer?

I have a project to show a datagrid on very-very big screen about 55" monitor
now i see the header to small to appear in top of datagrid.
so how to make datagrid header appear on both side, header and footer?

Thank you in advance

Title: Re: Add datagrid header on footer [UNSOLVED]
Post by: aswzen on March 15, 2016, 05:27:31 AM

any solution?

Title: Re: Add datagrid header on footer [UNSOLVED]
Post by: jarry on March 15, 2016, 08:50:46 AM

The column header only can be created on the top of datagrid. If the column header looks too small, you can set some CSS style to make it become bigger.

Code:

<style>
	.datagrid-header-row{
		height:35px;
	}
	.datagrid-header .datagrid-cell,
	.datagrid-cell-group,
	.datagrid-header-rownumber{
		line-height: 28px;
	}
</style>