I’m sure there is a good reason.
@nick.carroll why did you choose not to use <table>?
Just an educated guess but if they didn’t, then everything else would break since it’s dependent on an old way of doing things that are all highly interconnected to each other.
awesome! extra thanks for fixing the width bug!!!
Nice. @nick.carroll could we expect to have column sticky too?
Always find that as I go down the rabbit hole of my app, eventually the table element has some quirky thing that is not possible to do and I end up having to make a repeating group and redo all the work.
Maybe I’ll have to give the table another shot ![]()
Nice features!! I really would like to see a built-in, excel like, filter headers, with all columns, just as a spreadsheet!!
Not a bad thing IMO. It does takeaway the convenience of being able to use CSS for html tables but I’m used to working around Bubble’s quirky abstractions.
I was going to say this. Tables are RGs plus plus.
It’ll be nice if the Table element could have the option to resize column and Pin Column
I prefer Tables for Excel-like views that need to stay responsive on smaller screens. Horizontal scrolling comes out of the box when giving columns a min/fixed width
its time to give it another try
awesome, going forward column resize would be awesome.
Agreed. Till then you can try my free plugin: Dynamic Column
Just use the TCH - Dynamic Column element.
I think one of the big differences is you cant put a table inside a table like you can a repeating group. Where you can make it expand and do things inside.
Love the new table! I found a bug i guess, how i encounter the table collumn on the elements tree? I create new collumns on the table but the default weight was 0 px, so now i simply cant select and delete or resize it. Is there a way to do so that I am missing out?
I’ve had the same issue. The only way to “find” that column again is by opening the search bar at the top, next to the page’s dropdown
It worked using the find element, thank you about that!
So, if it can be found usind the “find element” search, it should be on the elements tree as well.
Hi, great work there you guys!
The thing is, I have an issue with the table in my app since I added it there many months ago, and it doesn’t seem to go away:
The vertical divider between the last column and the one before it seems to be invisible, see the attached.
Is there anything I can check or change to fix this?
@nick.carroll Thanks for the update! I can almost replace ListShifter for our use case. The missing piece is allowing me to dynamically set the number of repeating rows. As far as I can tell, its only whatever literal I type. I would love to have it tied to some variable or state on the page so my users can decide to view 10, 25, 100, etc.
I’ve built this using the table element before it had native pagination using a dropdown box (tied to a state) for selection and “items from” & “items until” in my data source. I set the options in the dropdown to be different when someone is on desktop vs. mobile as well.
Below is an example of the table footer group that drives the workflows.

Yeah @dave21 you can do this pretty easily and maintainably (so you can reuse it anywhere) without any plugin.
See here:
PaginationManager reusable
TableInvoices reusable (uses pagination)
