How does one change the font size for the grids?
Both headers and rows.
Thanks
(This product looks great but not much activity here at the moment)
Don’t know if you still need an answer, but just in case…
Font size is controlled by the dhtmlxgrid.css file (unless you’re using a skin, in which case it’s controlled by the skin’s css file). Look under:
div.gridbox table.hdr td
…
font-size: 12px; <–change that for the header
div.gridbox table.obj td
…
font-size: 12px; <–change that for the table cells
Hope that helps.
Wow!!
I just tried that out and it works fine!.
Is there a way I can set this property programatically? Like:
mygrid.setHeaderFontSize(‘18px’)
mygrid.setCellFontSize(‘18px’)
You would never want to edit the css files directly unless you want your change to apply to ALL instances of a grid in your app. You should override the css settings in your html page to use the new values on that page only.
In the section - add something like this:
<style>
div.gridbox table.hdr td
{
font-size:24px;
font-weight:bolder;
}
</style>
That works…
Thank you.