I dati Jquery rimuovono la linea orizzontale

Question

Ho bisogno di aiuto, sto cercando di rimuovere la linea orizzontale in jQuery Datatables.

prega veda la figura sottostante: Sto cercando di trovare la linea con google chrome elemento ispettore, ma senza fortuna.

Answer 1

è in css:

table.dataTable.display tbody td

È il bordo superiore:

border-top: 1px solid #ddd; 

per ogni cella.

o solo per l'intestazione:

nel css:

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

di provarlo è possibile deselezionare proprietà nei CSS ispettore.

per me funziona, come si può vedere:

Answer 2

Quelle linee distinte è reso dai <th> elementi in <thead> e <tfoot>. Utilizzare

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

... per rimuoverli. Demo ->http://jsfiddle.net/dgsccstp/ provare a commentare il CSS e rieseguire.

Answer 3

Se la tabella dei dati non ha un piè di pagina (a causa delle opzioni di configurazione) la soluzione di @ davidkonrad non funzionerà. Tuttavia, è ancora possibile utilizzare tale soluzione se si aggiunge un piè di pagina e quindi si nasconde utilizzando CSS :)

Answer 4

Non sto utilizzando il piedino in modo che la linea scura alla fine del tavolo sia generata nel tbody. L'ho rimosso aggiungendo questo codice CSS:

table.dataTable { 
    border-collapse: collapse; 
}