EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: thecyberzone on February 10, 2015, 10:12:35 AM

Title: Formatting groupview Group row formatter
Post by: thecyberzone on February 10, 2015, 10:12:35 AM

I want to format a Group Header row using groupview formatter as follows:

<code>groupField:'area',
groupFormatter:function(value,rows){
return '<span style="background-color:#3a2b2b;">' + '>> ' + value + ' - ' + rows.length + ' Program(s) >>' + '</span>';
},</code>

But this type of <span></span> does not work. Now how can I cange the background-color of the group header row ?

Title: Re: Formatting groupview Group row formatter
Post by: stworthy on February 10, 2015, 07:24:58 PM

To set the group header's background color, please override the '.datagrid-group' CSS style.

Code:

<style>
	.datagrid-group{
		background:#ccc;
	}
</style>

Title: Re: Formatting groupview Group row formatter
Post by: thecyberzone on February 10, 2015, 09:35:56 PM

Thanks, It works.