How to hide border at header title grid in jqgrid?

Question

How to hide border at header title grid in jqgrid? for examples : colNames:['Name','Address','School']

Raffia

Do you mean the border between the column headers and the caption (the grid title)? Why you need this? Please look at the pictures from the page of the jqGrid documentation. – Thermopile

Thanks for your link, very useful to me. I mean limiting header layer on right and left border. im just want, my frontend so simple. =) can i hide or not? – Raffia

Answer 1

If I understand you correct you want to have the following column headers

instead of the standard

In the case can use transparent borders:

<style type="text/css">
    th.ui-th-column { border-right-color: transparent !important }
</style>

see the corresponding demo here. The demo still display the hovering effect in the column headers:

UPDATED: If you don't want to use !important attribute you can use the following alternative

.ui-jqgrid-labels .ui-th-column { border-right-color: transparent }

Thermopile