Datatables Synchronization with Panels

MattD

Is it possible to have Datatables sync with the panel it's "in"? Attached are two screenshots, the first shows the natural width, the second shows the browser window narrowed with Datatables not inline with the panel. Also below is the section of html with the panel and table. I realize I need to do the widths in CSS.

[code]
<!-- Begin Body -->

<!-- Main content column-->

Details







ID
Name
Address 1
Address 2
City
State
Zip
Latitude
Longitude
Description
Phone
DCFS
Sector



[/code]


https://www.dropbox.com/s/k8yui2gtm10koux/Datatables%20Width%20Issue%201.PNG < Fine
https://www.dropbox.com/s/w92ennyzu98espp/Datatables%20Width%20Issue%202.png < Not Fine

Thanks!

allan

It looks like the table simply won't fit into the space available in the second case. You could enable x-scrolling using the sScrollX parameter which would allow the table viewport to scroll when reduced in size like that.

Another alternative is to make the viewport scrollable - which might be easier (depending on your viewport's HTML).

Regards,
Allan

MattD

Hey Allan,

I figured I would give the sScrollX a shot but I'll try the other as well. Thanks!