Fix: Bootstrap styles didn't account for no striping in the table

Author: AllanJard

css/fixedColumns.bootstrap.scss

@@ -1,30 +1,33 @@
-tr.even td {
- background-color: #ffffff;
-}
-
-tr.odd td {
- background-color: rgb(249, 249, 249);
-}
 
-tr.selected td {
- background-color: rgb(0, 136, 204);
-}
+table.dataTable {
+ thead, tfoot {
+ th, td {
+ background-color: white;
+ }
+ }
 
-thead th {
-background-color: white !important;
-}
+ tbody {
+ tr td {
+ // Need to provide a background colour, otherwise the fixed elements are
+ // transparent and unreadable.
+ background-color: #ffffff;
+ }
+ }
 
-tfoot {
- th, td {
- background-color: white !important;
+ &.table-striped {
+ tbody {
+ tr.odd td {
+ background-color: rgb(249, 249, 249);
+ }
+ }
  }
-}
 
-th.dtfc-fixed-left, 
-th.dtfc-fixed-right,
-td.dtfc-fixed-left,
-td.dtfc-fixed-right {
-z-index: 1;
+ th.dtfc-fixed-left, 
+ th.dtfc-fixed-right,
+ td.dtfc-fixed-left,
+ td.dtfc-fixed-right {
+ z-index: 1;
+ }
 }
 
 div.dtfc-right-top-blocker,
@@ -70,4 +73,4 @@ tr.dt-rowReorder-moving {
  td.dtfc-fixed-right:last-child {
  border-right: 2px solid #888 !important;
  }
-}
+}