themesberg/flowbite

DataTables height adjusting on both tables on page when entries per page is changed on one table

msm1227 opened this issue · 0 comments

msm1227 commented

Describe the bug
I have two DataTables on the same page. When I adjust the entries per page on one of the tables it increases the height accordingly to show the amount of

Steps to reproduce the behavior:

  1. Create a page with two tables
  2. Change the entries per page on the table2 from 10 to 20
  3. When you do that the table1 will adjust accordingly
  4. Scroll up to table1 and you will see that the table has a bunch of extra whitespace under it.

Expected behavior
I expect for only the table that you are change the entries on to change in height. The other table should remain the same height and not have a bunch of extra white space.

Screenshots
Notice all the extra white space under this table:
image

If I then adjust another table on this table and increase the amount of records in the other table this one also increases in height
image

Desktop (please complete the following information):

  • OS: iOS
  • Browser: arc, safari, firefox

**NOTE: I have since moved on and am using ag-grid so this can be closed or deleted if N/A to others.