1
我使用Bootstrap 3 + Datatables 1.09,一切都很好。我試圖升級到Datatables 1.10,我的桌子的藍白色條紋圖案不再出現。如果我將表「table table-striped」添加到我的表格中,則條紋圖案爲灰白色。我怎樣才能恢復我原來的藍色條紋圖案? Regards, Patrick藍白條紋行圖案與數據表丟失1.10 +引導
我使用Bootstrap 3 + Datatables 1.09,一切都很好。我試圖升級到Datatables 1.10,我的桌子的藍白色條紋圖案不再出現。如果我將表「table table-striped」添加到我的表格中,則條紋圖案爲灰白色。我怎樣才能恢復我原來的藍色條紋圖案? Regards, Patrick藍白條紋行圖案與數據表丟失1.10 +引導
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着色偶數行也是如此。
感謝您的幫助。你的修改仍然是灰色的,但奇怪的是,如果我替換奇數(當然藍色的行是偶數的),它也可以工作。 – Patrick
更新了代碼以對偶數行進行着色。請注意,這個調整會影響所有Bootstrap表。如果你只想着色DataTables驅動的表格,用'.table-striped.dataTable'替換'.table-striped'。 –
仍然灰色和白色與您的修改。白色和藍色,如果我交換奇數和偶數。 – Patrick