2

How do I achieve doing that?

html

<table id="myGrid"><table>


//in my js I make it into a jqgrid

//css
.ui-jqgrid tr.ui-row-ltr td { border: none;}
.ui-jqgrid tr.ui-row-ltr td { border-collapse:collapse}

The vertical lines are gone but the horizontal ones remain.

Please do not offer me to look at a different answer as the suggestions did not work which is why I am posting - I need the lines removed.

5
  • Possible duplicate of Remove vertical lines in jqGrid
    – Brian John
    Oct 21, 2015 at 20:59
  • 1
    There is an answer on this post that is quite thorough on how to remove all borders: stackoverflow.com/questions/11790302/… Hope it works for you! Give it a shot!
    – Brian John
    Oct 21, 2015 at 21:00
  • I did, Brian and none of these worked.
    – sarsnake
    Oct 21, 2015 at 21:19
  • And like I said, I need HORIZONTAL lines removed, I managed to remove vertical ones.
    – sarsnake
    Oct 21, 2015 at 21:20
  • @sarsnake: Do you tried the demo from my old answer (see Brain's comment)? Does it work? Probably it could be important to know which version of jqGrid you use and which for of jqGrid (free jqGrid, Guriddo jqGrid JS or an old jqGrid in version <=4.7)
    – Oleg
    Oct 21, 2015 at 22:11

1 Answer 1

2

My old answer should provide the main idea of "removing" the vertical and horizontal borders of grid cells. The solution can depends on which jqGrid fork ((free jqGrid, Guriddo jqGrid JS or an old jqGrid in version <=4.7)) and in which version you use jqGrid.

I tested just now with free jqGrid 4.9.2 and the the following CSS rules inserted after ui.jqgrid.css "removes" successfully horizontal borders

.ui-jqgrid tr.jqgrow > td,
.ui-jqgrid tr.jqgroup > td,
.ui-jqgrid tr.jqfoot > td,
.ui-jqgrid tr.jqfoot > td,
.ui-jqgrid tr.ui-subgrid > td {
    border-bottom-color: transparent;
}

and the CSS rules

.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td {
    border-right-color: transparent;
}
.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-rtl > td {
    border-left-color: transparent;
}

"remove" vertical borders of cells of the grid.

1
  • @sarsnake: Just one remark. I see that you used voting only 364 times in 6 years, 9 months. Probably you don't know that you have right to vote about 30 times a day (see more detailed here). Voting is the main criteria for sorting by searching engine. So voting helps other people to find helpful information on stackoverflow. Thus If you find some question/answer helpful please vote it. It helps other people to find the information. Even google uses special algorithm for stackoverflow and use voting too.
    – Oleg
    Oct 22, 2015 at 21:10

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.