Scrollbars when DT is embedded in a dialog
Scrollbars when DT is embedded in a dialog
bootle
Posts: 5Questions: 0Answers: 0
This is related to the post back in 2009, which has not be solved by either DT or jQuery UI folks:
http://datatables.net/forums/comments.php?DiscussionID=265&page=1
If a DT is embedded in a (modeless) dialog, the scrollbars apply on the dialog but not the internal DT. Ideally, they need to talk to each other to supress the scrollbars of the outer container (dialog) and for the internal DT to detect changes to the container's size.
Here's a link to a testbed. It's the beginnings of a trading platform. You can see it emulates an MDI by having lots of dialogs, containing DTs.
http://www.bootleblog.com/test/
Click on Markets, wait a couple of seconds and play with the dialog that appears. This dialog is as usable as I can get it, but not ideal. The scrollbars are applying to the outer container, we need to be able to get them to apply only to the internal DT. The objective, of course, is to keep the table header visible when scrolling through the data.
Click on Portfolio, this time the scrollbars have been enabled on the internal DT. It goes pretty crazy (try resizing the dialog), the "sEmptyTable" remains, and horizontal scrolling sometimes affects the table but not the table's header row. The portfolio dialog has the following settings:
[code]
"sScrollY": "100%",
"bScrollInfinite": true,
"bScrollCollapse": true,
[/code]
There is another smaller, related issue - the dark blue line at the top and bottom of the table assumes the viewport size of the dialog, but if scrolling you can see it's truncated.
The easy answer is to pass the buck to the jQueryUI team, but suspect it requires input from both teams.
Developing with Chrome 11, Firefox 4.01, DT 1.7.6
thanks for your wonderful work!
http://datatables.net/forums/comments.php?DiscussionID=265&page=1
If a DT is embedded in a (modeless) dialog, the scrollbars apply on the dialog but not the internal DT. Ideally, they need to talk to each other to supress the scrollbars of the outer container (dialog) and for the internal DT to detect changes to the container's size.
Here's a link to a testbed. It's the beginnings of a trading platform. You can see it emulates an MDI by having lots of dialogs, containing DTs.
http://www.bootleblog.com/test/
Click on Markets, wait a couple of seconds and play with the dialog that appears. This dialog is as usable as I can get it, but not ideal. The scrollbars are applying to the outer container, we need to be able to get them to apply only to the internal DT. The objective, of course, is to keep the table header visible when scrolling through the data.
Click on Portfolio, this time the scrollbars have been enabled on the internal DT. It goes pretty crazy (try resizing the dialog), the "sEmptyTable" remains, and horizontal scrolling sometimes affects the table but not the table's header row. The portfolio dialog has the following settings:
[code]
"sScrollY": "100%",
"bScrollInfinite": true,
"bScrollCollapse": true,
[/code]
There is another smaller, related issue - the dark blue line at the top and bottom of the table assumes the viewport size of the dialog, but if scrolling you can see it's truncated.
The easy answer is to pass the buck to the jQueryUI team, but suspect it requires input from both teams.
Developing with Chrome 11, Firefox 4.01, DT 1.7.6
thanks for your wonderful work!
This discussion has been closed.