Replies

• allan Posts: 64,311Questions: 1Answers: 10,621 Site admin

  August 2016

  Percentage height doesn't work well in CSS. However, you can use vh units: scrollX: '90vh - example, which does work well.

  Alternatively, I wrote a "fit to container" plug-in for the scrolling a little while ago which you can find here.

  Allan
• Nem2k Posts: 5Questions: 1Answers: 0

  August 2016 edited August 2016

  I took a look at scrollResize but cant seem to get it to work as the whole page just keeps scrolling if I have too many entries:

  <script type="text/javascript" language="javascript" src="js/DataTables/dataTables.scrollResize.js"></script>
  
  <script>$(document).ready(function() {
              $('#example').DataTable({
                  'paging': false,
                  scrollResize: true,
                  scrollCollapse: true,
                  "info": false,
                  "processing": false,
                  stateSave: true,
                  "ordering": true,
                  "orderMulti": true,
                  colReorder: {
                      realtime: false
                  },
                  fixedHeader: {
                      header: false,
                      footer: false
                  },
                  select: true
              });
          } );</script>
  

  Ive noticed this with some other plugins, but does scrollResize interact negatively with any of the things I have turned on?
• allan Posts: 64,311Questions: 1Answers: 10,621 Site admin

  August 2016

  I would need a link to the page showing the issue to understand why it isn't working for you.

  Allan
• Nem2k Posts: 5Questions: 1Answers: 0

  August 2016

  Heres a link to a test site: http://mytestwebsite123.comli.com/

  I was hoping that the datatable would always fit 100% of screen height, but scroll bars appear for the table itself (instead of the page) if there are too many rows
• allan Posts: 64,311Questions: 1Answers: 10,621 Site admin

  August 2016

  There doesn't appear to be any constraint on the height of the container element. You might set your #items element to be 100vh for example.

  The plug-in I linked to is fit to container as I mentioned, so you need to have the container set to the size you want, like in the examples in that repo.

  Allan
• Nem2k Posts: 5Questions: 1Answers: 0

  August 2016

  ah got it, thanks!