Remove the refresh and record count at the top of a Table?

[mvandyk]

How can I remove the top “Refresh and recodr count” in a table being displayed?

[tim.young]

.table-actions {
display: none;
}

[reggie.o]

This worked fine but in my case, I have two tables and I want to affect just one

[tim.young]

Hey @reggie.o

Welcome to the community!

We can refine our selection by adding :nth-of-type(n) to the CSS above.

To remove the top table-actions, use this:

.table-actions:nth-of-type(1){
    display: none;
}

To remove the bottom table-actions, use this:

.table-actions:nth-of-type(3){
    display: none;
}

[reggie.o]

Sorry @tim.young maybe I wasn’t so clear. currently, I have four components “A table, Two List component, and a map” on a single page but when I add the code to the CSS it affects all the components but I want it to affect only the list component

[tim.young]

Sorry @reggie.o I misread your post.

You’ll need to find the element ID for each component on the page and add that to the front of the code above. For example:

#x_element_page_35 .table-actions {
display: none;

}

To find the element ID, you can use the instructions found here: Finding the specific element to update

All you need is #x_element_page_XX or #x_element_page_XX_X, like this:

OR

You can assign a custom CSS class to your component in the page builder, and use that to target specifically.

CODE

.myTable .table-actions {
display: none;

}

[reggie.o]

thanks, @tim.young works fine