# How to remove border around Pager on a table?

**URL:** <https://forum.inductiveautomation.com/t/how-to-remove-border-around-pager-on-a-table/111734>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 27, 2025, 2:27pm UTC](https://forum.inductiveautomation.com/t/how-to-remove-border-around-pager-on-a-table/111734 "2025-10-27T14:27:14Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Torsten\_Giesbrecht1](https://avatars.discourse-cdn.com/v4/letter/t/f17d59/32.png) [@Torsten\_Giesbrecht1](https://forum.inductiveautomation.com/u/Torsten_Giesbrecht1)\
**Post date:** [October 27, 2025, 2:27pm UTC](https://forum.inductiveautomation.com/t/how-to-remove-border-around-pager-on-a-table/111734/1 "2025-10-27T14:27:14Z")

</div>

I want to remove the border around the pager on a table component. When trying to give rounded edge you can still see the non rounded border.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/3/133c13dee8870339ef7cb968c62efae92507c9da.png)

I’ve tried:

```python
.ia_pager {
    box-shadow: none !important;
    border: none !important;
}
.pager-container {
    box-shadow: none !important;
    border: none !important;
}
.bottom {
    box-shadow: none !important;
    border: none !important;
}
.pager-container.ia_pager.bottom {
    box-shadow: none !important;
    border: none !important;
}

```

I can adjust the border radius and background-color with .ia\_pager.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/e/5e1fab378b567eb2d847431b9d33bd6f8c9f960e.png)

---

<div class="post-metadata">

**Author:** ![djs](https://avatars.discourse-cdn.com/v4/letter/d/e47774/32.png) [@djs](https://forum.inductiveautomation.com/u/djs)\
**Post date:** [October 27, 2025, 5:14pm UTC](https://forum.inductiveautomation.com/t/how-to-remove-border-around-pager-on-a-table/111734/2 "2025-10-27T17:14:38Z")

</div>

In the table props, you can add a `border-radius` on the table itself as well as the pager:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/d/0dfc91b4ba7a96418e519ed5730d214f87cfe0ad.png) ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/6/7637fac55b5710a5db560b5eb1b1db1eb6d5158f.png)

If the values match, it should look like this:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/3/93f1d68d6d7c4414522f485ecd3a99c3e5684888.png)

The advanced stylesheet shouldn't be necessary.

> **(A note about defining classes in CSS)**
>
> When specifying a style for multiple classes, separate them with a comma and a space. Like this:
> 
> ```css
> .pager-container, .ia_pager.bottom {
> box-shadow: none !important;
> border: none !important;
> }
> 
> ```

---

<div class="post-metadata">

**Author:** ![Torsten\_Giesbrecht1](https://avatars.discourse-cdn.com/v4/letter/t/f17d59/32.png) [@Torsten\_Giesbrecht1](https://forum.inductiveautomation.com/u/Torsten_Giesbrecht1)\
**Post date:** [October 27, 2025, 5:54pm UTC](https://forum.inductiveautomation.com/t/how-to-remove-border-around-pager-on-a-table/111734/3 "2025-10-27T17:54:34Z")

</div>

Thanks @djs . I matched my settings exactly and till get this:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/0/f09e9b7551caba412a44bd6d0c83813d018dec5b.png)

When I specify a bright border in pager you can clearly tell that the unwanted border I’m talking about is not really part of the ia\_pager class:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/6/16b711c3c9e0498eb2670664796b9aa9c3b74228.png)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/4/24a38204afaa0543d5d4cbe534865d0dc50f6f37.png)

But even the css code you provided didn’t work.

---

<div class="post-metadata">

**Author:** ![Torsten\_Giesbrecht1](https://avatars.discourse-cdn.com/v4/letter/t/f17d59/32.png) [@Torsten\_Giesbrecht1](https://forum.inductiveautomation.com/u/Torsten_Giesbrecht1)\
**Post date:** [October 27, 2025, 8:29pm UTC](https://forum.inductiveautomation.com/t/how-to-remove-border-around-pager-on-a-table/111734/4 "2025-10-27T20:29:05Z")

</div>

For some reason this very specific setup did the trick for me:

```python
.pager-container, .pager {
    border: none !important;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: none !important;
}

```