Hi, allHow to show the Scrollbar except Table Header.
I would appreciate it if you could teach me.
Regards,
Sammy
Hi,
I have add new css in the style sheet and did some changes in the OML. Please find the changes in attached new oml file.
Demo link: UpdatedTableScrollbar
Please add class like this as well while developing,
Thanks,
Ajit Kurane.
Hi, @Sammy A ,
You have to give custom CSS to the table head, so that it sticks on the top and have to define a specific height for the table container so the the scroll is visible.
Check "Home2" inside Banking module in the attached OAP.
Hi @rishabh tailor
Thank you for your kindness.
However I cannot open your module.
From manage dependency, I refreshd the following module but, many error occured.How should I check?Regards,
Sorry, it was my mistake; I uploaded the OML instead of the OAP.
Please check the OAP attached in this reply.
Edit: I also updated the original reply.
Also, if you want to stick a column, then you can refer my answer for this question:
https://www.outsystems.com/forums/discussion/96666/help-how-to-create-a-dynamic-scrollable-table/#Post417623
Thank you for teaching me so kindly.
Hi Sammy,
Please find the attached oml for the same.Demo Link:- TableHeader
I have add sticky-header class to table header,
You can add scroll class to the container,
Hi @Ajit Kurane Thank you for your kindness.Is it possible to add a scroll bar from the record section?Regards,Sammy
Record section means where exactly are you expecting? Can you please share one more image with detailed requirement ?
Sorry for the poor explanation. I want to display a scroll bar below the table header.Regards,Sammy
Thank you for teaching me thoroughly. Regards,Sammy
@Ajit KuraneThank you very much for your kind instructions the other day.
Thanks to you I was able to answer my question.However, it doesn't work in a different environment (the left table) though I did the same implemantation.
The icon of the table widget on the left is different, but can I use the same CSS?
If you know, can I have some help please?
Hello, @Sammy A
Try this CSS
.table-container {
max-height: 400px; /* Adjust this height as needed */
overflow-y: auto;
}
.fixed-header-table {
width: 100%;
border-collapse: collapse;
.fixed-header-table thead th {
position: sticky;
top: 0;
background-color: #f1f1f1; /* Background color for the header */
z-index: 1;
.fixed-header-table th, .fixed-header-table td {
padding: 8px 16px;
text-align: left;
border: 1px solid #ddd; /* Optional border */
Hope, it's helps you
Best Regards
Hi @Priya JhodeThank you very much for your kind instruction.Regards,Sammy