You're almost there! Please answer a few more questions for access to the Applications content. Complete registration
Interested in joining? Complete your registration by providing Areas of Interest here. Register

How to implement editable table on table of type tree structure

edited Jan 22, 2025 1:57PM in Visual Builder

Summary:

How to implement editable table on table type of tree structure

Content (please ensure you mask any confidential information):

Hi Expert,

We have implemented table row expander functionality by referring to the cookbook below and our client's requirement to make the table editable. Looking for the document to implement the same.

currently, we are displaying the data from a variable of type ANY, and below is the code snippet we are using but we are not able to make it editable

<oj-table scroll-policy="loadMoreOnScroll" class="oj-flex-item oj-sm-12 oj-md-12"    columns='[{"headerText": "Line_Id","field": "Line_Id"  },{"headerText": "Item_Code","field": "Item_Code"  },  {    "headerText": "Level",    "field": "Level"  },  {    "headerText": "Item_Number",    "field": "Item_Number"  },  {    "headerText": "Section",    "field": "Section"  },  {    "headerText": "Sub_Section",    "field": "Sub_Section"  },  {    "headerText": "Sub_Section_Item",    "field": "Sub_Section_Item"  },  {    "headerText": "Page_Number",    "field": "Page_Number"  },  {    "headerText": "Item_Category",    "field": "Item_Category"  },  {    "headerText": "Item_Description",    "field": "Item_Description"  },  {    "headerText": "Item_Name",    "field": "Item_Name"  }]'    selection-mode.row="single" on-first-selected-row-changed="[[$listeners.tableFirstSelectedRow]]"    data="[[ $flow.variables.var_BoqAny ]]" on-oj-before-row-edit="[[$listeners.tableBeforeRowEdit]]"    edit-mode="rowEdit" on-oj-before-row-edit-end="[[$listeners.tableBeforeRowEditEnd]]">    <template slot='rowTemplate' data-oj-as='row'> 

Howdy, Stranger!

Log In

To view full details, sign in.

Register

Don't have an account? Click here to get started!