table exceeding header

doncullen

There are two tables. There is no issue with first table, but there is one with the second one.

For the second one, there are no hidden columns, and data is empty. Code has been added to make it resize automatically when the window resizes:

[code] $(window).bind('resize', function () {
$('#thegamequeue').dataTable().fnAdjustColumnSizing();
});
$(window).bind('resize', function () {
$('#thelobbyqueue').dataTable().fnAdjustColumnSizing();
});[/code]

The second table fails to resize. Even with data in it, it still fails to resize.

See screenshot:

http://dl.dropbox.com/u/109745/Untitled.png

Executing fnDraw and fnAdjustColumnSizing on it has no effect.

allan

Can you give us a link to the example please? From the screenshot alone I'm not sure what it could be caused by. An extra wide style="width:.." perhaps.

Allan

doncullen

The issue has been resolved. I had to add the option:

"bAutoWidth": false

To the datatable initialization code. I found this solution because of this thread:

http://datatables.net/forums/comments.php?DiscussionID=2697