Sticky Datagrid Header

0
Hello, does anyone know of a way to alter the SasS file to allow for sticky headers on datagrids when scrolling? The goal is to be able to scroll down to see more data, and still see the headers. If there are any other solutions to this issue, please share. Thank you.    Using version Studio Pro 8.18.1
asked
3 answers
2

Hi Keara,

 

if datagrid2 is not an option and you don’t need the columns to be sortable by clicking on them, have a look at this:

https://community.mendix.com/link/questions/91580

 

.sticky-header {
    margin: 0;
    padding: 0;
    width: 100%;
    top: 0;
    z-index: 101;
    position: -webkit-sticky;
    position: sticky; 
}

 

answered
0

Hi Keara Blue,
you can try this sticky header
https://css-tricks.com/how-to-use-css-grid-for-sticky-headers-and-footers/
and you can use major modern layout techniques flex or grid 
for sticky header try this https://cssflexandgrid-sandbox.mxapps.io/p/flex


hope it helps 

answered
0

Hi Keara, Just checked: Datagrid2 has this option! So upgrade to 9.5 (released today), replace your datagrids by datagrid2 and enjoy.

answered