Styling help
Styling help
I am try very hard to figure out why my table is not styling properly, if you look at the table on http://datatables.net/styling/themes, I can not get the grey box with the rounded corners behind showing x results and search to show up on my table, im using the exact css files as the theme demo:
[code]
@import "media/css/demo_page.css";
@import "media/css/demo_table_jui.css";
@import "media/css/TableTools.css";
@import "theme/jquery-ui-1.8.17.custom.css";
$(document).ready(function() {
$('#example').dataTable( {
"bProcessing": true,
"bServerSide": true,
"bJQueryUI": true,
"aaSorting": [[1,'asc'], [2,'asc']],
"sPaginationType": "full_numbers",
"sDom": 'T<"clear">lfrtip',
"sAjaxSource": "voters_datatable_list_controller.php",
"fnInitComplete": function() {
$('#example tbody tr').each(function(){
$(this).find('td:eq(5)').attr('nowrap', 'nowrap');
});
},
"fnRowCallback": function( nRow, aData, iDisplayIndex ) {
$('td:eq(0)', nRow).html(' ');
return nRow;
}
} );
} );
[/code]
[code]
@import "media/css/demo_page.css";
@import "media/css/demo_table_jui.css";
@import "media/css/TableTools.css";
@import "theme/jquery-ui-1.8.17.custom.css";
$(document).ready(function() {
$('#example').dataTable( {
"bProcessing": true,
"bServerSide": true,
"bJQueryUI": true,
"aaSorting": [[1,'asc'], [2,'asc']],
"sPaginationType": "full_numbers",
"sDom": 'T<"clear">lfrtip',
"sAjaxSource": "voters_datatable_list_controller.php",
"fnInitComplete": function() {
$('#example tbody tr').each(function(){
$(this).find('td:eq(5)').attr('nowrap', 'nowrap');
});
},
"fnRowCallback": function( nRow, aData, iDisplayIndex ) {
$('td:eq(0)', nRow).html(' ');
return nRow;
}
} );
} );
[/code]
This discussion has been closed.
Replies
"sDom": '<"H"lfr>t<"F"ip>T',