You’re offline. This is a read only version of the page.
Want to make the below highlighted list header section sticky on top when scrolling the page down, and tried to add the below CSS into the list table's th > tr element, but not working, is this doable in Power Pages?
style="position: sticky; top: 0; z-index: 1030; background-color: #fff!important;"
if
.entity-grid .view-grid
is defined in one of the out of the box CSS files, then you may want to put !important at the end of each element inside that class (we have no control over the order that Web Files getting read in from the portals cache, so is possible the order changes with future updates etc so better to be safe than sorry)
Hi @Fubar ,
I guess I have got it working by uploading the below custom CSS:
Share
Report
All responses (
Answers (/*! sticky header */
.entity-grid .view-grid {
overflow: auto;
height: 600px;
}
.entity-grid .view-grid th {
top: 0;
position: sticky;
background-color: #FFFFFF;
z-index: 1000;
}
How to upload CSS file:
https://learn.microsoft.com/en-us/power-pages/getting-started/tutorial-add-custom-style
Thanks
I don't know how much luck you will have getting exactly what you want but in general:
#1
WarrenBelz
9
Most Valuable Professional
#2
Rondel
6
#3
oliver.rodrigues
4
Most Valuable Professional
