# Table Pager and Filter

**URL:** <https://forum.inductiveautomation.com/t/table-pager-and-filter/29728>\
**Category:** Ignition Early Access\
**Created:** [November 6, 2019, 6:13pm UTC](https://forum.inductiveautomation.com/t/table-pager-and-filter/29728 "2019-11-06T18:13:00Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![bharghavi.balagopal](https://avatars.discourse-cdn.com/v4/letter/b/8dc957/32.png) [@bharghavi.balagopal](https://forum.inductiveautomation.com/u/bharghavi.balagopal)\
**Post date:** [November 6, 2019, 6:13pm UTC](https://forum.inductiveautomation.com/t/table-pager-and-filter/29728/1 "2019-11-06T18:13:00Z")

</div>

Hello,

Is there a way to change the color of font and background color for Paging and Filter in the Perspective Table component ?

Thanks

---

<div class="post-metadata">

**Author:** ![wking](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/wking/32/21823_2.png) [@wking](https://forum.inductiveautomation.com/u/wking)\
**Post date:** [November 6, 2019, 6:29pm UTC](https://forum.inductiveautomation.com/t/table-pager-and-filter/29728/2 "2019-11-06T18:29:26Z")

</div>

Styles apply to the whole component, for now, from my understanding.

> [@bharghavi.balagopal](#):
>
> Paging and Filter

---

<div class="post-metadata">

**Author:** ![bharghavi.balagopal](https://avatars.discourse-cdn.com/v4/letter/b/8dc957/32.png) [@bharghavi.balagopal](https://forum.inductiveautomation.com/u/bharghavi.balagopal)\
**Post date:** [November 6, 2019, 7:08pm UTC](https://forum.inductiveautomation.com/t/table-pager-and-filter/29728/3 "2019-11-06T19:08:45Z")

</div>

It doesnt seem to work with the whole component style.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/8/877201da20e1dc9fc1fba3503c9a4256ebf12544.png)  
I would like to change the background color and the text color along with the color of the active page number.

---

<div class="post-metadata">

**Author:** ![wking](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/wking/32/21823_2.png) [@wking](https://forum.inductiveautomation.com/u/wking)\
**Post date:** [November 6, 2019, 7:20pm UTC](https://forum.inductiveautomation.com/t/table-pager-and-filter/29728/4 "2019-11-06T19:20:47Z")

</div>

I don’t think it’s possible right now. I could be wrong. I went down this road awhile back and gave up. I would be interested if anyone else has manged to do it. But, I don’t think its exposed.

I added a feature request tho. I don’t know how realistic it is for devs to add. But, this how to get it done/looked into…

So go VOTE for it!

[https://ideas.inductiveautomation.com/ignition-features-and-ideas/p/add-style-properties-to-perspective-table-pager-filter-selection](https://ideas.inductiveautomation.com/ignition-features-and-ideas/p/add-style-properties-to-perspective-table-pager-filter-selection)

---

<div class="post-metadata">

**Author:** ![bharghavi.balagopal](https://avatars.discourse-cdn.com/v4/letter/b/8dc957/32.png) [@bharghavi.balagopal](https://forum.inductiveautomation.com/u/bharghavi.balagopal)\
**Post date:** [November 6, 2019, 7:34pm UTC](https://forum.inductiveautomation.com/t/table-pager-and-filter/29728/5 "2019-11-06T19:34:03Z")

</div>

Yeah voted for it. I guess someone would have found a way to do it. The filter and paging doesn’t fit the color theme we are trying to use on the screens

---

<div class="post-metadata">

**Author:** ![wking](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/wking/32/21823_2.png) [@wking](https://forum.inductiveautomation.com/u/wking)\
**Post date:** [November 6, 2019, 7:35pm UTC](https://forum.inductiveautomation.com/t/table-pager-and-filter/29728/6 "2019-11-06T19:35:53Z")

</div>

> [@bharghavi.balagopal](#):
>
> doesn’t fit the color theme

Same

---

<div class="post-metadata">

**Author:** ![chi](https://avatars.discourse-cdn.com/v4/letter/c/0ea827/32.png) [@chi](https://forum.inductiveautomation.com/u/chi)\
**Post date:** [November 6, 2019, 8:22pm UTC](https://forum.inductiveautomation.com/t/table-pager-and-filter/29728/7 "2019-11-06T20:22:07Z")

</div>

> [@bharghavi.balagopal](#):
>
> I guess someone would have found a way to do it.

Warning ⚠ This method is unsupported, not recommended and may fail anytime with a new perspective version, so use at your own risk:  
Locate the stylesheet files `light.css` and `dark.css` on your gateway server. In linux, the default location is `/var/lib/ignition/data/modules/com.inductiveautomation.perspective/themes`  
Add the following style definitions (adjust the colors to your need):

```auto
.pager-container div.page {
        background: #FFCCCC !important;
        color: #1010FF !important; }
.pager-container div.page.active {
        background: #CCCCFF !important;
        color: #101010 !important; }

```