Is there any way to fix(stop) the head of the table in the top?
When people scroll the content, the head keep in the top.
And using the scroll of the browser?
Follow in attachment OML.
Hi,
Write the custom CSS for the table header and call in the table so that the header will stay constant.
thead th {
position: sticky;
top: 0;
background-color: #f2f2f2; /* Adjust as needed */
z-index: 1;
}
Hello @Vivian Mattos ,
Please review the two links provided below regarding your issue. If these do not resolve your concern, feel free to reach out to us for further assistance.
@Mihai Melencu thanks
I saw these posts, but it have height size. In my case, I need use the scroll of the browser.How do this ? Is there any way ?
Hey,
I attached an .OML without changing the height of the table. But also there might be a conflict because accordion widgets often use overflow: hidden or overflow: auto and position: relative to manage their collapsing/expanding behavior.
These styles can interfere with position: sticky, which relies on overflow: visible and consistent scrollable parent contexts. So using the position: sticky won't work directly for the table header, while it being in an accordion.
Hi @Vivian Mattos ,
I have added below post link it will help you to resolve your issue.
https://www.outsystems.com/forums/discussion/88625/table-header-should-be-fixed-while-scrolling-the-table-records/
Thanks,
Vipin Yadav
@Vipin Yadav thanks. I saw this post, but it have height size. In my case, I need use the scroll of the browser.How do this ? Is there any way ?
I have added oml file with the changes please check it is working.
Demo URL - https://vyadav.outsystemscloud.com/HeadFixed/Teste
Thanks @Vipin Yadav .But is there any way of the no use MAX-HEIGHT ?Because, I need use the scroll of the browser.
@Rammurthy Naidu Boddu Thanks.I put this, but it didn't work.
Follow in attachment the OML.
Hi @Vivian Mattos,
I looked into OML file and found that why you call the table inside the Accordion. Is thier any specfic reason?
place the table outside the Accordion and test for CSS will work. Inside the Accordion will not work.
@Rammurthy Naidu Boddu thanks, but table need be inside of the accordion
Hi @Vivian Mattos,Please check the below link for the solution.Solution LinkIf this works please let me know I'll share the related OML.Thanks & RgardsPalle Vijay Bhaskar Reddy
@Vijay Bhaskar Reddy Palle Is there any way of the put scroll outside. Like this picture below?
Hi @Vivian Mattos
That scroll bar is for the table If we keep the scroll bar outside then header won't get fixed.
If that is required please remove your table from Accordian.
Thanks & RegardsPalle Vijay Bhaskar Reddy