table width and resizing problem

helene

Hi,

My table is longer than the wrapper and resizing of the window does not resize the table.

I use Datatables with server-side processing and I initialise my table like this :

[code]
$(document).ready(function() {
var oTable = $('#dl_tab').dataTable( {
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "traitement.php",
"aaSorting": [[0, "desc"]],
"sPaginationType": "full_numbers",
"iDisplayLength":25,
"bAutoWidth": "false",
"aoColumnDefs": [
{ "sClass":"center", "aTargets":[4,5]},
{ "sWidth":"5%", "aTargets":[0] },
{ "sWidth":"10%", "aTargets":[1,2,3] },
{ "sWidth":"10px", "aTargets":[4,5] },
{ "sWidth":"30%", "aTargets":[6,7] },
],
"oLanguage":{ "sSearch": "Search all columns:" },
"bSortCellsTop": true
});
[/code]

I am using the default css :
[code]
.dataTables_wrapper {
position: relative;
clear: both;
*zoom: 1;
}

table.dataTable {
margin: 0px 0px 0px 0px;
clear: both;
border: 1px solid black;
border-collapse:collapse;
width: 100%;
}
[/code]

Does anybody know where I am wrong ?

thanks for help,

Helene