Moving the page counter to the top

[MattGlides]

Is there anyway to put this at the top of the collection instead using css or something else?

[ThinhDinh]

.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.

[MattGlides]

Please bare with me, completely new to CSS but:

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

[ThinhDinh]

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.

[Himaladin]

To fix it use display: table;

/*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;
}

[MattGlides]

Amazing, thank you!