dhtmlxgrid header padding adjustment (v403)

I prefer my grid header labels to left align with the data in the grid. By default the header labels have a padding of 10px; but the cells are I believe at 4px; Plus by reducing the header labels I can make narrower columns and the alignment still looks good. Currently, if you have a very narrow column the header label will appear to be right aligned because there is so much padding on the left, (see images below).

Default padding, too much, I can’t get narrow columns…

So this is how I adjusted it, I’m just wondering if this is the best approach???

div.gridbox_dhx_skyblue.gridbox table.hdr td div.hdrcell{ padding-left:4px; width:auto; }
Now the header text left aligns with the data in the grid and I can achieve narrow columns.

Your solution is valid and can be used for sure.

I have the same version, and i would like to do this but only with some headers, not to all.

Is this possible?


Unfortunately it is not available to change the padding for the particular cells only.