Possible issue with FixedColumns 5.0.5 and jQuery UI for styling
Possible issue with FixedColumns 5.0.5 and jQuery UI for styling
brycepfrimmer
Posts: 3Questions: 2Answers: 0
Link to test case:
https://datatables.net/download/#ju/jszip-3.10.1/pdfmake-0.2.7/dt-2.3.7/b-3.2.6/b-colvis-3.2.6/b-html5-3.2.6/b-print-3.2.6/cr-2.1.2/fc-5.0.5/fh-4.0.6/kt-2.12.2/r-3.0.8
BUT
Replace the base jqueryUI theme with a dark theme to show the contrast
<link href="https://code.jquery.com/ui/1.13.2/themes/black-tie/jquery-ui.css" rel="stylesheet" />
Description of problem:
New up a basic datatable (I used stackblitz from the datatables download link) - header is "white" - background is f6f6f6 instead of the jquery UI defined theme colour.
The chunk impacting this is from - https://cdn.datatables.net/fixedcolumns/5.0.5/css/fixedColumns.jqueryui.min.css
table.dataTable thead > tr > *.ui-state-default {
background: #f6f6f6;
}
Turning on scrollX and fixedcolumns I can't quite see if this is intentional for a reason or not? But it is squashing the jquery UI theme for the "header" row.
This question has an accepted answers - jump to answer
Answers
Hi,
Many thanks for raising this. The background of the floating elements must be set, otherwise they are transparent and it looks horrible. However, using
ui-state-defaultmeans that it will have a background colour set, so my setting it in the style sheet is superfluous and causes the problem you are seeing with anything other than the base style.I've committed a change to address the problem
.
Regards,
Allan
Nice - makes sense - thank you!