Themeroller and colspan
Themeroller and colspan
stotten
Posts: 4Questions: 0Answers: 0
It looks like when I use ThemeRoller with my datatable, the correct styles are not applied to headers with colspan > 1
Please see the below example.
In order for the header "Of Which Test" to be themed correctly I have to manually set the class on the TH element to "ui-state-default".
To clarify this was tested on both Firefox 5 & 6, DataTables 1.8.1
[code]
Test Reports
.ui-widget { font-size:80%; }
Requests
Number
Percent
Of Which Test
Explanation
Failed
Not In System
CANCELLED
200
71%
61
3
Blah blah
$(function() {
$( "#portsumm" ).dataTable( {
"bJQueryUI": true,
"bPaginate": false,
"bLengthChange": false,
"bFilter": false,
"bInfo": false,
"bSort": false,
"bAutoWidth": false
} );
});
[/code]
Please see the below example.
In order for the header "Of Which Test" to be themed correctly I have to manually set the class on the TH element to "ui-state-default".
To clarify this was tested on both Firefox 5 & 6, DataTables 1.8.1
[code]
Test Reports
.ui-widget { font-size:80%; }
Requests
Number
Percent
Of Which Test
Explanation
Failed
Not In System
CANCELLED
200
71%
61
3
Blah blah
$(function() {
$( "#portsumm" ).dataTable( {
"bJQueryUI": true,
"bPaginate": false,
"bLengthChange": false,
"bFilter": false,
"bInfo": false,
"bSort": false,
"bAutoWidth": false
} );
});
[/code]
This discussion has been closed.
Replies