Hi all, this is a post from the datatables forums where they directed me here. Problem appears to be JQUI rather than the datatables. Original post is here - http://datatables.net/forums/comments.php?DiscussionID=265&page=1#Comment_1391
Here's the problem, thanks in advance for any help: I have a data table inside a JQuery UI dialog box. In IE7, no scrollbar appears (or on some systems the scrollbar appears but it scrolls the background instead of foreground). firefox 3, google chrome, and IE8 look ok. link here: http://www.favorfavorbaby.com/mm5/merchant.mvc?Screen=PROD&Product_Code=20073NA&savedReviews=1 to see the dialog box you have to click the "View all reviews" link toward the bottom right of the page here's the relevant code to save anyone the trouble of digging around JAVA: if ( $("#viewAllReviews").length ) { $("#viewAllReviews").click(function(event){ event.preventDefault(); pageTracker._trackEvent('Products', 'All Reviews Viewed', prodID ); if ( !$("#allReviewsDialog").dialog( "option", "height" ) ) { $("#allReviewsDialog").dialog({ bgiframe: true, height: 545, width: 675, modal: true }).load( $(this).attr("href"), function(){ $(document).ready(function(){ $("head").append("<link rel=\"stylesheet\" href=\"/jquery/css/ datatables/demos.css\" type=\"text/css\" />"); $("#allReviewsTable").dataTable({ "bPaginate": false, "bFilter": false, "aaSorting": [[1,'desc']], "aoColumns": [ null, { "iDataSort": 2 }, { "bVisible": false }, { "bSortable": false } ] }); }); }); } else { $("#allReviewsDialog").dialog( "open" ); } return false; }); } HTML: <div id="allReviews"> <h2>All Reviews for <a href="/p-20073NA.htm">Bun In The Oven Candle Favors (Set of 4)</a></h2> <table cellpadding="0" cellspacing="0" border="0" id="allReviewsTable"> <thead> <tr> <th width="10%">Rating</th> <th width="10%">Date</th> <th>DateSort</th> <th width="80%">Review</th> </tr> </thead> <tbody> <tr> <td nowrap> <p class="nomarg"> <img src="graphics/star_solid.gif" alt="5 out of 5"><img src="graphics/ star_solid.gif" alt="5 out of 5"><img src="graphics/star_solid.gif" alt="5 out of 5"><img src="graphics/star_solid.gif" alt="5 out of 5"><img src="graphics/star_solid.gif" alt="5 out of 5"> </p> </td> <td nowrap> <p class="nomarg"> 5/16/2009 </p> </td> <td> May 16, 2009 9:22 PM </td> <td> <p class="nomarg"><b>Bun in the oven shower favors</b></p> <p class="nomarg"> very cute, loved them!</p> <p class="nomarg"><small> - Karen (Aguanga, CA)</small></p> </td> </tr> ........................................................................... </tbody> </table> </div> --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
