Jquery-Datatables entfernen horizontale Zeile

Question

Brauchen Sie Hilfe, ich versuche, die horizontale Linie in jQuery Datatables zu entfernen.

Bitte siehe Screenshot unten: Ich versuche, die Linie mit Google Chrome Element Inspektor, aber kein Glück zu finden.

Answer 1

ist es in CSS:

table.dataTable.display tbody td

Es ist die Grenze oben:

border-top: 1px solid #ddd; 

für jede Zelle.

oder nur für den Header:

in der CSS:

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

es testen Sie Eigenschaft in CSS-Inspektor deaktivieren können.

für mich funktioniert, wie Sie sehen können:

Answer 2

Diese klaren Linien durch die <th> Elemente in <thead> und <tfoot> gemacht wird. Verwenden Sie

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

... um sie zu entfernen. Demo ->http://jsfiddle.net/dgsccstp/ versuchen, das CSS auskommentieren und erneut ausführen.

Answer 3

Wenn Ihre Datentabelle keine Fußzeile hat (wegen Ihrer Konfigurationsoptionen), funktioniert @ davidkonrads Lösung nicht. Sie können diese Lösung jedoch immer noch verwenden, wenn Sie eine Fußzeile hinzufügen und sie dann mit CSS ausblenden :)

Answer 4

Ich verwende nicht den Tfoot, damit die dunkle Linie am Ende der Tabelle im Tbody generiert wird. Ich habe es entfernt diesen CSS-Code hinzufügen:

table.dataTable { 
    border-collapse: collapse; 
}