Datatable in window does not scroll with window

[sjkcwatsonParticipant]

Do you have an example of a datatable inside a window where paging is turned off on the datatable and it ends up being larger than the window?

I am creating a popup window for the user to print a report. Inside the window is some header lines and then a datatable. I turned off paging because I want the entire table to print. When the datatable extends beyond the size of the pop up window I have a vertical scroll. But when I scroll down the data scrolls except the table. It stays in place.

     <div style="overflow: auto;" id="printLOTOwindowContent">                                        
      <div id='printLOTObuttons' style='float:right;padding-bottom:10px;'>
          <input style='margin-right: 5px;' type='button' id='pPrintLOTO' value='Print' />
          <input id='pCancelPrint' type='button' value='Cancel' />
      </div>
      <div id="printLOTOArea" style='padding-top:15px;font-size:12px;'>
           <div id="printLOTOTitle" style="font-size:22px;padding-bottom:15px;padding-left:5px;font-weight:bold;">LOTO</div>
           <div id="printLOTODeviceLine" style="font-size:20px;border:solid;border-color:black;border-width:thin;padding-left:5px;"></div>
           <div id="printLOTOIsolationLines" style="padding-top:10px;padding-bottom:10px;font-size:12px;padding-left:5px;padding-right:5px;">
                <div id="p_dataTable_IsolationDevices"></div>  
           </div>
           <div id="printLOTOfooter" style="padding-left:5px;">footer</div>
      </div>
   </div>

[sjkcwatsonParticipant]

Never mind – it is working, just delayed.

[Author]

Posts