Datatables Synchronization with Panels

Datatables Synchronization with Panels

MattDMattD Posts: 27Questions: 2Answers: 0
edited January 2014 in DataTables 1.9
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!

Replies

  • allanallan Posts: 63,368Questions: 1Answers: 10,449 Site admin
    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
  • MattDMattD Posts: 27Questions: 2Answers: 0
    Hey Allan,

    I figured I would give the sScrollX a shot but I'll try the other as well. Thanks!
This discussion has been closed.