2012-02-15 1 views
0

SlickGrid에서 가로 셀 테두리를 제거하려고합니다.SlickGrid에서 수평 셀 테두리를 제거 하시겠습니까?

var columns = [ 
    {id="col0", name:"Column 0", field:"imgUrl", cssClass:"cell-image"}, 
    {id="col1", name:"Column 1", field:"col1", cssClass:"cell-text"}, 
    {id="col2", name:"Column 2", field:"col2", cssClass:"cell-text"} 
]; 

을 그리고 내 CSS에서 : :이 노력하고있어

.cell-text { 
    vertical-align: middle; 
    border-top: none; 
} 

이것의 부작용은 내 cell-text 세포가 들쭉날쭉 볼 그리드를 일으키는 원인이 내 cell-image 세포에 비해 1 픽셀의 높은 것입니다. 셀에서 테두리를 제거하는 방법이 있습니까? 이것이 최선의 방법이라면이 작업을 수행하는 포맷터를 만들 수도 있습니다.

+0

왜 .cell-text 또는 .cell-image입니까? 모든 셀에서 가로선을 제거하려는 경우 .slick-cell에서 가로선을 설정하지 않아야합니까? – Tin

+0

문제는 여러 매끄러운 격자가 있다는 것입니다. 매끄러운 셀을 편집하면 다른 그리드에도 영향을 미치게됩니다. 그리드는 필연적으로 원하지 않습니다. 원하는 격자에만 .slick-cell을 재정의 할 수 있습니까? –

+0

좋은 기본 CSS 만 사용하십시오. 컨테이너 모래 중 하나에 마커 클래스를 설정하여 하위 규칙을 지정합니다. ".no-lines-grid .slick-cell {...}". – Tin

답변

3

컨테이너 중 하나에 마커 클래스를 설정하고 자손 규칙 ".no-lines-grid .slick-cell { ... }"을 지정하십시오.