Why is there min-height for the dataTables_wrapper?

Why is there min-height for the dataTables_wrapper?

ctrygstadctrygstad Posts: 3Questions: 0Answers: 0
edited July 2010 in General
I see that the height, and min-height is set to 302px, at least in the example I downloaded off the site. This causes a problem for table that don't have many rows. I have successfully fixed the issue by temporary setting min-height and _height to 102px, but are there any unintended consequences I may suffer? What's the point of this min-height setting?

Replies

  • allanallan Posts: 63,523Questions: 1Answers: 10,473 Site admin
    The min-height in my demo CSS files are to stop the information and pagination controls bouncing up and down after you perform filtering and the result set gets smaller. This may or may not be what you want. The style files are there to be modified, and really are intended as a demo only. Custom styles are very much encouraged :-). If you come up with a funky one, post back with a screenshot - I plan to do a gallery one day...

    Allan
  • ctrygstadctrygstad Posts: 3Questions: 0Answers: 0
    Thanks for the response! I have also noticed that the borders between cells appear to show up and then disappear when the browser window is resized, have you experienced this as well, or noticed it? I've been applying the border to .display td{border: 1px solid #000;}
  • allanallan Posts: 63,523Questions: 1Answers: 10,473 Site admin
    I've not seen that. Try disabling DataTables and then see if it happens without it. There shouldn't be anything DataTables is doing to effect that.

    Allan
  • ctrygstadctrygstad Posts: 3Questions: 0Answers: 0
    When I comment out the .js assigning the dataTable function ($('.product-data').dataTable( {"sDom": 'rtlp',"aaSorting": [ ],"iDisplayLength": -1,"bLengthChange": false,"bPaginate": false} );), the borders are all there. When I uncomment it and enable the dataTables again, the missing borders come back.
This discussion has been closed.