Add Row on the Top in the Tabular Form

Introduction:

This post talks about how to add row at the Top in the Tabular Form in the Oracle APEX.

 

Procedure:

 

  • Create a Tabular form region.
  • After creating Tabular form, navigate to Add Row button and change the action to “Defined by Dynamic Action”.
  • Then create a Dynamic action as following,

 

Event : Click

Type : Button

Button : Add Row

Action : Execute JavaScript Code

Code :

apex.widget.tabular.addRow();

apex.jQuery(apex.widget.tabular.gTabForm).find(“tr”).last().insertBefore(apex.jQuery(apex.widget.tabular.gTabForm).find(“tr”).first());

 

This post uses the APEX api and little jQuery to make work of adding row at the top of Tabular form.

 

Call To Action:

For Oracle apex development and customization please do visit our company website https://doyensys.com/

 

Conclusion:

By adding this functionality, we can get the blank row at the top and able avoid unnecessary scrolling in the page.

 

Recent Posts