1

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

bkaid
  • 51,465
  • 22
  • 112
  • 128
soccerenz
  • 142
  • 1
  • 4
  • 13
  • 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](http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_it_works) of the jqGrid documentation. – Oleg Aug 09 '11 at 08:15
  • 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? – soccerenz Aug 09 '11 at 09:06

1 Answers1

3

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

enter image description here

instead of the standard

enter image description here

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:

enter image description here

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 }
Oleg
  • 220,925
  • 34
  • 403
  • 798