Apex Learning – How to do vertical scroll bar in APEX

Scroll bar- I have come across with Oracle community that question has been posted as “How to add horizontal scroll bar with Freeze columns in Tabular form”. Today, we will help you how to do the vertical scroll bar in tabular or interactive reports.

Follow three simple steps – Scroll bar:

This is the simple way we can achieve it , you should set the height and width to the Tabular form or reports to achieve the vertical scroll bar in APEX.

Step:1 You need to identify the Region in right side — “Header & Footer

region

Step: 2 Add the below coding into the – “Header Text”

Here, the below div code will set the height of the tabular form or interactive reports so that user can view the rows until the mentioned height ( 500px), if user exceeds that height , they need to scroll bar option to view the next rows.

Rent a car with driver in Cardiff

Step: 3 Add the below code into the – “Footer Text”

This is the syntax of closing the div.

scroll_bar_code

That’s all you have completed your scroll bar in APEX and find the below output screen for your reference.

scroll bar

For note: Most of the fixed header are done for classic reports because classic report has a table with <thead> tag for header and <tbody> for records. So you can use CSS to separate the header and display scroll bar for the body. for IR report table heading and records are define with tbody tag so with out separating the first row it will be difficult to put a scroll bar.

My suggestion is to write a javascript to separate the first row and create a separate div section for header row with in the table with thead tag . Then put the css for tbody to display scroll bar.

 

If you like this Blog and feel my guides useful, please share my page by using below. Thanks!¶ Cheers!¶

Issacsha

IssacSha is a professional blog writer, who loves trying to find new things and sharing the same experience through my blog website. He loves website design, WordPress, SEO, Java, Android, HTML, Cloud Computing, SQL, PL/SQL, Blogger Tips etc and hope people will get benefit by reading my blogs related to technology.

More Posts - Website

Follow Me:
TwitterFacebookLinkedInPinterestGoogle PlusYouTube

Leave a Reply

Your email address will not be published. Required fields are marked *