JQuery datatables removes horizontal line

Question

Need help, I'm trying to remove a horizontal line in jQuery Datatables.

See the screenshot below: I am trying to find a string using the Chrome item inspector but no luck.

Answer 1

These individual lines are displayed by the <th> elements in <thead> and <tfoot> . Use

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

... remove them. Demo -> http://jsfiddle.net/dgsccstp/ try commenting on CSS and re-running.

Answer 2

I do not use tfoot, so the dark line at the end of the table is generated in tbody. I deleted it by adding this CSS code:

 table.dataTable { border-collapse: collapse; } 

Answer 3

located in css:

table.dataTable.display tbody td

This is the upper bound:

 border-top: 1px solid #ddd; 

for each cell.

or just for the title:

in css:

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

To check this, you can uncheck the css inspector.

for me it works, as you can see:

Answer 4

If your data table does not have a footer (due to your configuration options), the @davidkonrad solution will not work. However, you can use this solution if you add a footer and then hide it using CSS :)