TableTools is killing my table header

piapoco

Actually:

1) my table header (containing the Show xxxxx entries button and the Search box), along with the footer (that contains the pagination buttons) lose their colors when I add basic TableTools
2) The only functional button is Print
3) I would like these buttons to be colored (how can I achieve this?)

The current code in question is this:

$(document).ready(function() {
var oTable= $('#outputTable').dataTable({
"bPaginate" : true,
"bLengthChange" : true,
"bFilter" : true,
"bSort" : true,
"bInfo" : true,
"bAutoWidth" : true,
"bRetrieve" : true,
"aaSorting" : [[1,"asc"]],
"bJQueryUI" : true,
"sPaginationType": "full_numbers",
"aLengthMenu": [[10, 20, 30, 50, -1], [10, 20, 30, 50, "All"]],

"sScrollY" : "500px",
"sScrollX" : "100%",
"sScrollXInner" : "100%",
"bScrollCollapse": true,
"aoColumns": [{ "sWidth": "50px" }, // category name
{ "sWidth": "40px" }, // topic code
{ "sWidth": "200px" }, // topic name
{ "sWidth": "150px" }, // institution name
{ "sWidth": "40px" }, // group code
{ "sWidth": "115px" }, // group name
{ "sWidth": "0px" }] // assignments

/***********
,"sDom": 'T<"clear">lfrtip',
"oTableTools": {
"aButtons": [
"copy",
"csv",
"xls",
{
"sExtends": "pdf",
"sPdfOrientation": "landscape",
"sPdfMessage": "Your custom message would go here."
},
"print"
]
}
************************/
});
});

The code between the asterisks is causing the problem; otherwise, Data Tables is working perfectly. Anyone help, please!!

blooders

Try adjusting the way in which you lay it out in the DOM.

E.g. from one of the other examples:
"sDom": '<"H"Tfr>t<"F"ip>',
...