Minor ui issue with the table component, adding a button causes an extra space to appear at the bottom.

[ConorWebb96]

Checklist

• [x] I have searched budibase discussions and github issues to check if my issue already exists

Hosting

• Self
  • Method: docker compose
  • Budibase Version: 2.31.3
  • App Version: 2.31.3

Describe the bug When adding buttons to the table component. if the add row setting is toggled off and a button is added, an empty box is shown at the very bottom of the table which looks very out of place.

To Reproduce Steps to reproduce the behavior:

1. Add a table component
2. Add a button
3. Make sure the add rows setting is toggled off
4. Scroll to the bottom
5. Notice strange button box, looks somewhat out of place

Expected behavior If there is no button then this additional button outline shouldn't appear.

Screenshots

[linear[bot]]

BUDI-8600 Minor ui issue with the table component, adding a button causes an extra space to appear at the bottom.

[aptkingston]

Just to clarify - an important part of the reproduction steps here is disabling the "add rows" setting. This only happens when you add buttons and disable adding rows.

[ConorWebb96]

The box is added regardless of the add row setting. It looks better when checked though. I do think the last box should be removed as there is nothing there.

What I think it maybe should look like?

[aptkingston]

It's supposed to be there when adding rows though, to keep consistency when scrolling. I did test it both ways when adding it, and having all columns have the same render space looks better than having the "new row" section extend further.

So I just mean that the issue of having the floating box only appears when disabling adding rows.