EasyUI Forum
September 16, 2025, 11:44:31 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Formatting groupview Group row formatter  (Read 8574 times)
thecyberzone
Full Member
***
Posts: 176



View Profile Email
« 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 ?
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 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>
Logged
thecyberzone
Full Member
***
Posts: 176



View Profile Email
« Reply #2 on: February 10, 2015, 09:35:56 PM »

Thanks, It works.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!