如何刪除jqgrid中的水平線

Question

我該如何做到這一點？

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} 

的垂直線都走了，但水平仍然者。

請不要讓我看看不同的答案，因爲建議不起作用，這就是爲什麼我張貼 - 我需要刪除的行。

Answer 1

My old answer應該提供「去除」網格單元的垂直和水平邊界的主要思想。解決方案可能取決於哪個jqGrid分支（（free jqGrid,Guriddo jqGrid JS或版本< = 4.7中的舊jqGrid））以及您在哪個版本中使用jqGrid。

我剛纔測試了免費的jqGrid 4.9.2和ui.jqgrid.css之後插入了以下CSS規則 「刪除」 成功水平邊框

.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; 
} 

和CSS規則

.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; 
} 

「刪除「網格的單元格的垂直邊框。