2017-01-16 4 views
1

Ich verwende Datatables und möchte meine Tabellenfarben aktualisieren (alle Zellenfarben einschließlich Kopfzeilen).Wie ändere ich die Zellfarbe von Datenträgern?

Ich fand einige Lösungen, aber das Problem ist, ich habe fast 200 Tabellen und ich möchte nicht meine Tabellen Farben einzeln aktualisieren. Gibt es eine Möglichkeit, die Farbe aller Tabellen zu ändern?

EDIT: Ich verwende einfache Datatables wie;

$(document).ready(function() { 
    $('#myDt').DataTable({ 
     "paging": false, 
     "ordering": false, 
     "info":  false 
    }); 
}); 
+0

Bitte schreiben Sie Ihren Code ... –

Antwort

1

So mache ich es.

Wenden Sie eine Klasse (DT in diesem Fall) auf jede Datentabelle an.

Verwenden Sie dann CSS, um die Farben zu überschreiben.

HTML

<table id="myDT" class="DT"> 
//Code here ... 
</table> 

CSS

Für den Header:

.DT thead th, 
.DT tfoot td { 
    background-color:#111; 
} 

Für Zeilen und abwechselnden Reihen:

.DT tbody tr.even, 
.DT tbody tr.odd{ 
    background-color: #eaeaea; 
}