jQuery Grid Plugin - jqGrid - Topic: How to change subgrid header background color http://www.trirand.com/blog/?page_id=393/help/how-to-change-subgrid-header-background-color Simple:Press Version 5.7.5.3 Corrado on How to change subgrid header background color http://www.trirand.com/blog/?page_id=393/help/how-to-change-subgrid-header-background-color#p10623 Help http://www.trirand.com/blog/?page_id=393/help/how-to-change-subgrid-header-background-color#p10623 Hi,

with the following bold correction

$('.grid_hdiv table:first', '#'+row_id + ' + tr').addClass("scrollSubgrid");

subgrids have different style.

Many thanks.

]]> Sat, 10 Oct 2009 08:13:58 +0300 tony on How to change subgrid header background color http://www.trirand.com/blog/?page_id=393/help/how-to-change-subgrid-header-background-color#p10581 Help http://www.trirand.com/blog/?page_id=393/help/how-to-change-subgrid-header-background-color#p10581 Hello Corrado,

The table that contain the header is created dynamically, so the class scrollSubgrid is not added.

You can do this diffrent ways, One possible solution:

subGridRowExpanded: function(subgrid_id, row_id) {
     var subgrid_table_id = subgrid_id + “_t”;
     ......
     .... jqGrid({.....});
     $(".grid_hdiv table:first","#"+row_id).addClass("scrollSubgrid");   
}
Please let me known if this work.
Tony
]]> Fri, 09 Oct 2009 03:21:24 +0300 Corrado on How to change subgrid header background color http://www.trirand.com/blog/?page_id=393/help/how-to-change-subgrid-header-background-color#p10513 Help http://www.trirand.com/blog/?page_id=393/help/how-to-change-subgrid-header-background-color#p10513 JQuery 1.3.1
jqGrid 3.4.4
Hi,
I would like to apply different styles to subgrid. Main grid has:
subGridRowExpanded: function(subgrid_id, row_id) {
     var subgrid_table_id = subgrid_id + “_t”;
     $('#'+subgrid_id).html('<table id=”' + subgrid_table_id + '” class=”scrollSubgrid” cellpadding=”0″ cellspacing=”0″></table>');
…
}
where the subgrid class name is scrollSubgrid.
In the CSS I duplicated the main grid styles and changed “scrool” to “scrollSubgrid”. What I would like is to change header background and td font color. I wrote:
table.scrollSubgrid thead th  {
  background-color:#C7C422;
  border-right:1px solid #ffffff;
  border-bottom: 1px solid #ffffff; 
  color:#ffffff;
  font-size: 90%;
  font-weight: bold;
  height:auto;
  overflow: hidden;
  padding: 2px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}
table.scrollSubgrid tbody td  {
     border-left: 1px solid transparent;
     border-bottom: 1px solid #809396;
     /*set an unused color to be index color*/
     _border-color:tomato; /*For IE6-*/
     /*then remove this indexed color*/
     _filter:chroma(color=tomato);/*For IE6-*/
     color:#757420;
     font-size: 90%;
     overflow: hidden;
     padding: 2px;
     text-align: left;
     text-overflow: ellipsis;
     white-space: wrap;
}
My subgrid rows has new font color but header doesn't change its background-color. I inspected with FireBug and I have:
<div class=”grid_hdiv” style=”overflow: hidden; width: 705px;”>
…
<table class=”scroll grid_htable” cellspacing=”0″ cellpadding=”0″ border=”0″ style=”width: 705px;”>
…
</table>
</div>
<div class=”grid_bdiv” style=”margin: 0px; padding: 0px; overflow: hidden; height: 100%; width: 705px;”>
<table id=”list1_10_t” class=”scrollSubgrid” cellspacing=”0″ cellpadding=”0″ border=”0″ style=”width: 705px;”>
</table>
</div>
Why the header table has not scrollSubgrid class?
Many thanks!
Corrado.
]]> Wed, 07 Oct 2009 07:18:22 +0300 maggie on How to change subgrid header background color http://www.trirand.com/blog/?page_id=393/help/how-to-change-subgrid-header-background-color#p4945 Help http://www.trirand.com/blog/?page_id=393/help/how-to-change-subgrid-header-background-color#p4945 Hello,

I use the css file /themes/basic/grid.css. There is a section for subgrid. There you should find a style called celldivth which is the style for the subgrid header. I change the background-color to #DDDDDD which is grey.

.celldivth {
 float: left; /*fix for  buggy browsers*/
 border: 1px solid #CCCCCC;
 background-color: #DDDDDD;
 border-bottom: 1px solid #CBC7B8;
 text-align: left;
 overflow: auto;
}

 Hope this helps.

Thanks! Maggie

]]> Wed, 25 Feb 2009 09:33:21 +0200 cartman on How to change subgrid header background color http://www.trirand.com/blog/?page_id=393/help/how-to-change-subgrid-header-background-color#p4914 Help http://www.trirand.com/blog/?page_id=393/help/how-to-change-subgrid-header-background-color#p4914 Maggie, can you post your findings here so others can learn from it? 🙂

Thanks

]]> Tue, 24 Feb 2009 16:13:00 +0200 maggie on How to change subgrid header background color http://www.trirand.com/blog/?page_id=393/help/how-to-change-subgrid-header-background-color#p4903 Help http://www.trirand.com/blog/?page_id=393/help/how-to-change-subgrid-header-background-color#p4903 I found the css and it worked! Thanks!

Maggie

]]> Tue, 24 Feb 2009 10:19:47 +0200 tony on How to change subgrid header background color http://www.trirand.com/blog/?page_id=393/help/how-to-change-subgrid-header-background-color#p4873 Help http://www.trirand.com/blog/?page_id=393/help/how-to-change-subgrid-header-background-color#p4873 Hello,

Look in the CSS carfully. There are items for the subgrid where you can play with this. It should work.

Regards

Tony

]]> Tue, 24 Feb 2009 07:40:37 +0200 maggie on How to change subgrid header background color http://www.trirand.com/blog/?page_id=393/help/how-to-change-subgrid-header-background-color#p4814 Help http://www.trirand.com/blog/?page_id=393/help/how-to-change-subgrid-header-background-color#p4814 Hello,

I tried to change the subgrid header background color from blue to grey. I tried to configure themes\\basic\\grid.css but it does not work.  Can you please help me? Thanks!

Thanks!

Maggie

]]> Fri, 20 Feb 2009 19:07:10 +0200