I am including a Grid control in my page and I have created a custom CSS Skin that is applied in my calling JS. What is weird is that all my column headers then lose their vertical-align properties. It seems there is some code in the main .js file that sets the verticalAlign property on a TD cell higher up in the CSS hierarchy that is cascading down and overriding my code. In some cases I have been able to keep the initial column alignments but as soon as I resize a column it reverts back to a Top aligned position.
Any ideas would be appreciated.
Thanks,
Ryan
Actually there is no any special settings for vertical align set by js code.
Default skin uses normal table behavior ( middle ) , some other skins redefine vertical align in CSS
div.gridbox_light table.hdr td {
…
vertical-align:top;
If you have created similar rule for your custom skin, it must not be overriding by any other code. ( except of direct header styles, which can be assigned through 3rd parameter of setHeader command )
If issue still occurs - please provide any kind of sample where problem can be reconstructed (you can send such sample directly to support@dhtmlx.com )