EasyUI
Home
Demo
Tutorial
Documentation
Download
Extension
Contact
Forum
EasyUI Forum
September 16, 2025, 11:44:28 PM
Welcome,
Guest
. Please
login
or
register
.
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
News
:
Home
Help
Search
Login
Register
EasyUI Forum
>
General Category
>
EasyUI for jQuery
>
Formatting groupview Group row formatter
Pages: [
1
]
« previous
next »
Print
Author
Topic: Formatting groupview Group row formatter (Read 8574 times)
thecyberzone
Full Member
Posts: 176
Formatting groupview Group row formatter
«
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
Re: Formatting groupview Group row formatter
«
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
Re: Formatting groupview Group row formatter
«
Reply #2 on:
February 10, 2015, 09:35:56 PM »
Thanks, It works.
Logged
Pages: [
1
]
Print
« previous
next »
Jump to:
Please select a destination:
-----------------------------
General Category
-----------------------------
=> News
=> General Discussion
=> EasyUI for jQuery
=> EasyUI for Angular
=> EasyUI for Vue
=> EasyUI for React
=> Bug Report
Loading...