Changing dhtmlxgrid header row height

Suite and Optimus Suite 5
#1

Where do I change the header row height for the dhtmlxgrid?

#2

Found the answer on this forum. The css class for changing the dhtmlxgrid header row height is

div.gridbox table.hdr td { height: 18px; }

#3

Tutorial is available here docs.dhtmlx.com/doku.php?id=dhtm … ustom_skin

#4

Found that I had to fix the header row height in the javascript code after the grid was initialized. Had to fix the margin, padding, and row height.

$('table.hdr td',$('#links_grid').css('padding','0'); $('table.hdr td',$('#links_grid')).css('height','16'); $('table.hdr td div.hdrcell',$('#links_grid')).css('margin','0'); $('table.hdr td div.hdrcell',$('#links_grid')).css('height','16');

Changing the styles within the script is the best way to get around what the code does between the skins, the base css, and the other css.