Paginated table grows horizontally with each Forward/Back click

lwoods

I have a VERY simple table with two columns. BUT, each time I click on the Forward or Back arrows or the Up/Down sort arrows the table grows horizontally...and continues to do so each time I click the arrows.

Here is my datatable defintion:

oTable = $('#list').dataTable({'bPaginate':true,
'sScrollY': '450px',
bInfo:true,
aLengthMenu: [ 10, 25, 50, 100 ],
iDisplayLength: 20,
aaSorting:[[1,'asc']]
});

ANY help would be appreciated.

allan

Can you give us a link please? I suspect you might need to add a constraining box with a given width around the table (and set the table itself to width:100%) at the moment, but a link would be very useful.

Allan

lwoods

Hi, Allan,

I added a ... around my dataTable table and now it doesn't expand BUT I can't seem to force the table to center within the page...which is defined within a table with a "width=955". So things look like this:

<--------- This is a "wrapper" Table (Yeah, I know... should be DIV...but, it's old stuff!)


<--------- This is a HEADER table...not defined as dataTable

... <--------- My dataTable

allan

Try: