icons in column header and width

Discontinued products Uncategorized discussions
#1

Hi



we are placing icons in column header and have tried to make the width of the column ‘30’.



however, the icon starts from half way across the column header and then half of the icon is not showing.



we want to make the column only slightly greater than the width of the icon, and to have the icon start only a few pixels greater than where the column starts



how can we do this please



thanks



richard

#2


Such happens because of every header’s value has padding-left: 5px; To remove this style declaration add following code to your page:


div.gridbox table.hdr td div.hdrcell {
margin: 0;
padding: 0;
}



If you have applied some skin to the grid:


div.gridbox_skinName table.hdr td div.hdrcell {

#3

thanks for the reply. we have several grids on the page and only want to apply this to one grid, is this possible?

thanks

#4


If you have several grids on your page and every grid has it’s own ID:


div.gridbox_skinName#gridId table.hdr td div.hdrcell {
margin: 0;
padding: 0;
}



#5

thanks again for your reply.

we also have various columns in the grid but only want it to apply to columns 1 and 2.

how would we do this please?

thanks

#6


To apply style to the certain grid’s header you can use 3rd parameter of setHeader() method:


mygrid.setHeader(“1,2,3,4,5”,"",[“padding: 0; margin: 0;”,�style for the second column�,�style for the third column�,��,�border: 1px solid black�]);
More information about grid�s appearance you can find here dhtmlx.com/docs/products/dhtmlxG … _cust_skin




#7

thanks