2016-06-06 14 views

Odpowiedz

1

jest w css:

table.dataTable.display tbody td

Jest to górna granica:

border-top: 1px solid #ddd; 

dla każdej komórki.

lub tylko dla nagłówka:

w css:

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

Aby przetestować go można odznaczyć własności w CSS inspektora.

dla mnie to działa, jak widać: enter image description here

+0

Dzięki! Już usunąłem linię graniczną, używając tego css table.dataTabela thead th, table.dataTable thead td { border-bottom: none! Important; important; } Jedynym pozostawionym teraz jest dolna linia pozioma. –

4

Te odrębne linie są renderowane przez <th> elementów w <thead> i <tfoot>. Użyj ich, aby je usunąć. Demo ->http://jsfiddle.net/dgsccstp/ spróbuj skomentować kod CSS i uruchom ponownie.

+0

Mój datable nie ma stopki (tfoot) Próbowałem twój css ale pozioma linia na dole jest nadal widoczna. –

+0

Musisz dokładnie pokazać, jakie masz konfiguracje DataTables - istnieje wiele sposobów, trudno zgadnąć. Powyższe jest w standardowej konfiguracji, prawdopodobnie używasz wtyczki bootstrap? – davidkonrad

-1

Jeśli twoja tabela danych nie ma stopki (z powodu twoich opcji konfiguracyjnych) @ rozwiązanie davidkonradu nie będzie działać. Jednak nadal możesz użyć tego rozwiązania, jeśli dodasz stopkę, a następnie ukryjesz ją za pomocą CSS :)

2

Nie używam tfoot, więc ciemna linia na końcu tabeli jest generowana w tbody. Usunąłem go, dodając ten kod CSS:

table.dataTable { 
    border-collapse: collapse; 
} 
Powiązane problemy