Row-level “Add” icon using a virtual column (APEX-safe)

1️⃣ Enable Insert in the Interactive Grid

IG → Attributes

• Edit → Allowed

• Add Row → Yes

---

2️⃣ Add a New Column (Icon column)

Column settings

• Column Name: ADD_ROW

• Type: Plain Text

• Heading: (blank)

• Escape Special Characters: No

• Read Only: Yes

Column HTML Expression

<span class="fa fa-plus ig-add-row"
      title="Add Row"
      style="cursor:pointer;"></span>

(Uses Font APEX icons)

---

3️⃣ Add Dynamic Action (Click)

Dynamic Action

• Event: Click

• Selection Type: jQuery Selector

• jQuery Selector:

.ig-add-row

---

4️⃣ True Action → Execute JavaScript Code

var grid = apex.region("emp_ig")
    .widget()
    .interactiveGrid("getViews", "grid");

// Add new row
grid.model.insertNewRecord();

// Optional: focus first editable column
var record = grid.getActiveRecord();
if (record) {
    grid.editRow(record);
}

👉 Replace emp_ig with your IG Static ID.

---

✅ Result

• “+” icon appears per row

• Clicking it inserts a new row

• No page submit

• Works in APEX 20–24

• Fully supported