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']

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 }