Grid Header Height and Everpresentrow

[VictorReinParticipant]

Hi,
I would like to increase the height of the header in my jqxgrid. In the past, I coded this and it worked:
<style type=”text/css”>
.jqx-grid-header
{
height: 80px !important;
}
</style>

But this doesn’t work if you code:
showeverpresentrow: true

then the everpresentrow goes on top of the header, and cuts it in half. See:

What can I do?

It would be really nice to have a new attribute: “headerheight” for jqxgrid. That would be an improvement over the CSS approach, in my opinion.

Thank you.
-Victor Reinhart

[Peter StoevKeymaster]

Hi Victor Reinhart,

You should use the Grid’s API, not CSS. Using this CSS is invalid and wrong. The solution is the columnsheight property. Example: http://jsfiddle.net/jqwidgets/LspfG/

Hope this helps.

Best Regards,
Peter Stoev

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

[VictorReinParticipant]

Hi Peter,
Thank you for the quick response.

I tried using columnsheight: 25 and get this, which looks OK, but only shows one row of text in the header:

Then I tried using columnsheight:50. This doesn’t look good. Notice the wasted space at the top of the header.

Then I tried using columnsheight:40 This doesn’t look good. It wastes space, but still isn’t tall enough.

Please help.
Sinceerely,
Victor Reinhart
MaintStar

[Author]

Posts