Jquery datatables 가로줄 제거

Question

도움이 필요하십니까? jQuery Datatables에서 가로선을 제거하려고합니다.

아래 스크린 샷을 참조하십시오. Google 크롬 요소 검사기를 사용하여 행을 찾고 있지만 행운을 찾지 못했습니다.

Answer 1

는 CSS이다 :

table.dataTable.display의 TBODY의 TD

그것은 경계 위쪽이다 : 각 셀

border-top: 1px solid #ddd; 

.

는 CSS에서 :

또는 전용 헤더

<thead> 
<th> 
    <td> 
Td property: 
border-bottom: 1px solid #111; 

는 CSS를 관리자에서 속성을 선택 취소 할 수 있습니다 테스트합니다.

나를 위해 당신이 볼 수 있듯이, 작동 :

Answer 2

그 별개의 라인 <thead> 및 <tfoot>에 <th> 요소로 렌더링됩니다.

table.dataTable thead th { 
    border-bottom: 0; 
} 
table.dataTable tfoot th { 
    border-top: 0; 
} 

...을 사용하여 제거하십시오. 데모 ->http://jsfiddle.net/dgsccstp/ CSS를 주석 처리하고 다시 실행하십시오.

Answer 3

데이터 테이블에 구성 옵션으로 인해 바닥 글이 없으면 @ davidkonrad의 솔루션이 작동하지 않습니다. 그러나 바닥 글을 추가 한 다음 CSS를 사용하여 숨길 경우 해당 솔루션을 계속 사용할 수 있습니다.

Answer 4

tbfield에서 테이블 끝의 어두운 선이 생성되도록 tfoot를 사용하지 않습니다. 이 CSS 코드를 추가하여 제거했습니다.

table.dataTable { 
    border-collapse: collapse; 
}