Duplicate Rows of Page Selector on Table Component

First time reporting a bug? Refer to our Start Here post.


Team ID: MpcqTKnpV1UhScxjOTbt

App ID: 3vEQRgiIlkQVVudEFWu5

Description
There are duplicate rows for page selector at the bottom.

How to replicate
- List the steps, in detail, for recreating the issue. you can go to Leads page

Is this still happening on your end?

Yes, it’s still there. The duplicate only disappears when I try to change it to a different element like grid or something else in the collection, but the table is ideal for that page so we want that as much as possible. I also noticed that it only happens when the source is BigQuery. If it’s a Glide table, it doesn’t happen.

I’ve removed the duplicate using css for now, but it just feels like it shouldn’t be like that by default.

Having the same issue here! Im an uber rookie, can you help me with removing the duplicate using css?

You would need to get the class name of the parent div using the Inspect tool since both share the same class. Then you would need to identify the order of the element you want to remove or else both of them will be invisible. The class may differ per app so it depends on what class you have. This may sound full of jargons if you’re not familiar with css, but I hope that sheds light somehow. If you already have css background, that will surely be understandable for you. Mine looks like this:

.wire-super-table___StyledDiv3-sc-1psjq51-3.IaCDG:nth-child(3) {display: none;}

This thread has been escalated. Support will follow up via the Messenger in the Builder or through email.

Best practices when escalating issues to support

I have escalated your issue, just a note here, you would want to target only the stable part, you were having this part: -sc-1psjq51-3.IaCDG and it can be changed any time since it’s random, and might not be consistent on different kinds of devices.