# Moving the page counter to the top

**URL:** <https://community.glideapps.com/t/moving-the-page-counter-to-the-top/76287>\
**Category:** Ask for Help\
**Created:** [September 11, 2024, 11:32am UTC](https://community.glideapps.com/t/moving-the-page-counter-to-the-top/76287 "2024-09-11T11:32:21Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![MattGlides](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@MattGlides](https://community.glideapps.com/u/MattGlides)\
**Post date:** [September 11, 2024, 11:32am UTC](https://community.glideapps.com/t/moving-the-page-counter-to-the-top/76287/1 "2024-09-11T11:32:21Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/9/c901dc4e055a7680b33964d840929ccf043d1f08.png)  
Is there anyway to put this at the top of the collection instead using css or something else?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 11, 2024, 3:01pm UTC](https://community.glideapps.com/t/moving-the-page-counter-to-the-top/76287/2 "2024-09-11T15:01:52Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/7/176cfc172ff8dfe9662274bde644e644467d925c.png)

```auto
.jobs-history div[class*="select-mode-container___StyledDiv2"] {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

.jobs-history div[class*="pages-component-renderer___StyledDiv3"] {
-webkit-order: 1;
-ms-order: 1;
order: 1;
padding-bottom: 20px;
}

.jobs-history div[class*="wire-list-container___StyledDiv13"] {
-webkit-order: 2;
-ms-order: 2;
order: 2;
}

```

With jobs-history being the class name of the collection.

---

<div class="post-metadata">

**Author:** ![MattGlides](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@MattGlides](https://community.glideapps.com/u/MattGlides)\
**Post date:** [September 11, 2024, 4:12pm UTC](https://community.glideapps.com/t/moving-the-page-counter-to-the-top/76287/3 "2024-09-11T16:12:57Z")

</div>

Please bare with me, completely new to CSS but:

 ![Screenshot 2024-09-11 181120](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/6/76d24868fd5077d786a920d921152925b556e50e.png)

 ![Screenshot 2024-09-11 181147](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/0/000ed03f9904cef24efa8c381a83365d7ee3ee59.png)  
it does not work, am I missing something? Does the collection need to be in a container

The collection is also the new tables component if that makes a difference

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 12, 2024, 12:15am UTC](https://community.glideapps.com/t/moving-the-page-counter-to-the-top/76287/4 "2024-09-12T00:15:37Z")

</div>

The new table component is a whole different thing. They use tr & td classes to manage those and I haven’t been able to isolate the pagination to move it to the top without breaking others. Sorry.

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [September 12, 2024, 1:20am UTC](https://community.glideapps.com/t/moving-the-page-counter-to-the-top/76287/5 "2024-09-12T01:20:08Z")

</div>

To fix it use display: table;

```auto
/*New Table - Pagination*/
.newTable table {
    display: flex;
    flex-direction: column-reverse;
}
.newTable table > tbody {
    display: table;
}
.newTable table > tr {
    margin-bottom:1rem;
}
/* Disabled scrolling */
.newTable table > tr > td > div {
    position: fixed;
    display: flex;
    padding-bottom: 2rem;
}

```

---

<div class="post-metadata">

**Author:** ![MattGlides](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@MattGlides](https://community.glideapps.com/u/MattGlides)\
**Post date:** [September 13, 2024, 9:44am UTC](https://community.glideapps.com/t/moving-the-page-counter-to-the-top/76287/6 "2024-09-13T09:44:36Z")

</div>

Amazing, thank you!

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [September 20, 2024, 9:45am UTC](https://community.glideapps.com/t/moving-the-page-counter-to-the-top/76287/7 "2024-09-20T09:45:21Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.