jQWidgets Forums

jQuery UI Widgets Forums Grid Change overall font size of grid

This topic contains 1 reply, has 2 voices, and was last updated by  Peter Stoev 11 years, 9 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • Change overall font size of grid #29750

    Hop
    Participant

    With my jqxGrid, I found that doing this…

    <body class='default'>
    <div id="jqxgrid" style="font-size: 8px; font-family: Verdana; float: left;"></div>
    </body>

    changes the column header text size, but the cell text size is still the same. It also had the undesirable side-effect of not reducing the column header cell size, leaving an area of empty space under the column headers.

    I want to reduce the text size of everything in the grid. My eyes can take it and I need to do this to allow room for more data.

    It is probably very simple and I am sorry if I didn’t see that.

    As always, thank you so much for your time!

    Change overall font size of grid #29753

    Peter Stoev
    Keymaster

    Hi Hop,

    To change a font size or font family, you have to edit the CSS styles applied to the widget. The Styling and Appearance help topic lists all CSS classes applied to jqxGrid. In addition, the size of elements like the columns header depend on jqxGrid properties like columnsheight.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com/

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.