themesberg / themesberg/flowbite

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

Open
#995 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
HTML
Stars
9.4k
Forks
862
PR merge metrics
No merged PRs in 30d

Description

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.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the issue with two DataTables on one page, changing the entries-per-page value on only the second table. Inspect how both tables respond and verify that changing one table leaves the other table's height and whitespace unchanged.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.