Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by richard white on Apr 04, 2009 11:29
open dhtmlx forum
icons in column header and width

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
Answer posted by dhxSupport on Apr 06, 2009 02:03

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 {

Answer posted on Apr 06, 2009 03:48
thanks for the reply. we have several grids on the page and only want to apply this to one grid, is this possible?

thanks
Answer posted by dhxSupport on Apr 06, 2009 05:39

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;
 }

Answer posted on Apr 06, 2009 09:53
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
Answer posted by dhxSupport on Apr 07, 2009 02:21

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 http://dhtmlx.com/docs/products/dhtmlxGrid/doc/articles/Creating_custom_skin.html#grid_cust_skin


Answer posted on Apr 10, 2009 06:57
thanks