Forum
Log In
Home
Topic RSS
Related Topics
11:08
04/04/2013
Offline
Bonjour,
First of all, many thanks for all the works you have done by having made jQuery Grid and also for the support team and the forum. I have mainly found all what I need in documentation/tutorial to learn and build very useful grid.
I have grids that have to present a summary row. I used the property associated and I did manage to make the summary row to appear. But is there a way to change the properties (font , font color, font size, background color) of this summary row without modifying the complete CSS ?
Thanks for your support.
Benoit
12:05
Moderators
30/10/2007
Offline
Hello,
There is no build way for this, but you can easy manipulate this.
The summary row has a class footrow this way you can easy find and css the cell you want
$("tr.footrow td:eq(INDEXCOL)","#gview_GRIDID").css(…);
where INDEXCOL is the index of the column from colModel starting from 0 and GRIDID is the id of the grid.
Regards
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
15:40
04/04/2013
Offline
Bonjour,
Many thanks for your quick and efficient response. I will try to implement it and I will be back to you soon.
Have a nice day
Benoit
18:37
04/04/2013
Offline
Bonsoir,
I have try to add the hints you gave me on my code. So let's assume that I want to make the background color of the first column of the sumarry row to the color #37a0e6. My grid is having the id : #IdMyGrid. Here is my script :
<script type="text/javascript">
$("tr.footrow td:eq(0)","#IdMyGrid").css("color","#37a0e6");
</script>
I put that piece of script at the end of my HTML page, so I am sure that the page is loaded ... . Nothing happens in my page, and I can not see any change within the css while loading the page with Firebug ..
Could you please help me .
Thanks
Benoit
19:02
04/04/2013
Offline
Bonsoir,
At the end, as I want every summary row to be on the same color, I definitivly choose to modify the ui.jqgrid.css :
.ui-jqgrid tr.footrow td {
background-color:#37a0e6;
...
}
Many thanks for your help.
Benoit
19:46
Moderators
30/10/2007
Offline
Hello,
Please read my code carefully. Mybe this will work
$("tr.footrow td:eq(0)","#gview_IdMyGrid").css("color","#37a0e6″);
A litle, but very important diffrence – i.e you should put gview_ before the grid id
Regards
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
Most Users Ever Online: 715
Currently Online:
65 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66
