Fixed height, and included css files

codemonk

Hello, i am trying to setup a fixed height table and i searched the forums but nothing is giving me the results i want. I didnt know which css files to include so I included them all and began commenting out the files to see which ones did exactly what. here are my includes:

[code]


<!---->
<!---->
<!---->

[/code]

i believe this produces and output as i want, however i would like to know what are the difference in these files are why are so many different one included.

I want to have jquery table with highlighted selected rows, which currently works.

here is my table init
[code]
oTable = $('#example').dataTable({
"bJQueryUI": true,
//"bStateSave": true,
"iDisplayLength": 50,
//"bProcessing": true,
"bServerSide": true,
"bRetrieve": true,
"sAjaxSource": "http://dev1.ocp:8888/server",
"sPaginationType": "full_numbers",
"sDom": 'R<"H"lfr>t<"F"ip<',
"bScrollCollapse": false,
"bAutoWidth": false,
"aoColumnDefs": [{"bVisible": false, "aTargets": [0]}],
"fnDrawCallback": function(oSettings) {
if(oTable.fnSettings().aoColumns.length == 1)
{
$("#btn-row-add").button({disabled: true});
}
else
{
$("#btn-row-add").button({disabled: false});
}
},
});
[/code]

i tried using the following method inside my index.html

[code]

body{font: 65% "Trebuchet MS", sans-serif;}
.dataTables_wrapper {min-height: 550px;}

[/code]

this only stretched the div to be that height, but it doesn't fill in with the table.
Here is my html tables:

[code]



Loading Table...



[/code]

any help would be greatly appreciated.