Flexibility to change the placement of the paging buttons in datagrid

0
Hi all, I have a page which displays the records from the persistent entities, and I have used datagrids for the display. I have a concern about the placement of the buttons. Is it possible to change the location of these pagination buttons to the bottom of the list? There was a question about this earlier too. https://community.mendix.com/link/ideas/337 The status says this is planned, but is there a workaround in the meanwhile. I tried the css change as suggested in the above thread, but it did not work in my case. Can anyone please help? - Kamala
asked
1 answers
3

Hi Kamala,

The provided snippet in the linked forum post is SASS and can not be added to your custom.css stylesheet directly. Assuming the project you are working on is currently not using SASS, you could try to add the following snippet to your custom.css file:

// Add padding to bottom of data grid
.mx-grid {
    padding: 0 0 60px 0;
    position: relative;
}

// Position the paging bar below the data grid
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar {
    position: absolute;
    bottom: 0;
    right: 0;
}

Hope this helps!

answered