2015-04-14 19 views
1

我使用Bootstrap 3 + Datatables 1.09,一切都很好。我試圖升級到Datatables 1.10,我的桌子的藍白色條紋圖案不再出現。如果我將表「table table-striped」添加到我的表格中,則條紋圖案爲灰白色。我怎樣才能恢復我原來的藍色條紋圖案? Regards, Patrick藍白條紋行圖案與數據表丟失1.10 +引導

回答

1

Bootstrap 3 example在DataTables網站上確實顯示了一個灰色/白色圖案的表格,這種樣式是在Bootstrap CSS文件中定義的。很難說爲什麼升級後丟失的樣式不看你的CSS文件和它們的順序。

要覆蓋此模式,請在關閉</head>標記前添加以下代碼,並將table-striped類添加到您的表中。

<style type="text/css"> 
/* BOOTSTRAP 3 TWEAKS */ 
.table-striped > tbody > tr:nth-of-type(2n+1), 
.table-striped > tbody > tr.odd { 
    background-color: #D9EDF7; 
} 
.table-striped > tbody > tr.even { 
    background-color: #FFF; 
} 
</style> 

UPDATE:更新了CSS着色偶數行也是如此。

+0

感謝您的幫助。你的修改仍然是灰色的,但奇怪的是,如果我替換奇數(當然藍色的行是偶數的),它也可以工作。 – Patrick

+0

更新了代碼以對偶數行進行着色。請注意,這個調整會影響所有Bootstrap表。如果你只想着色DataTables驅動的表格,用'.table-striped.dataTable'替換'.table-striped'。 –

+0

仍然灰色和白色與您的修改。白色和藍色,如果我交換奇數和偶數。 – Patrick