I have a requirement to add dynamic tabs. Each tab will contain a text area and an oj-data-grid to display results. I'm using oj-tab-bar to display the tabs and oj-switcher to display the contents of the tab. When a user adds a new tab I'm dynamically creating a new div element and adding it to the oj-switcher.
My Question- How to add oj-data-grid dynamically to each newly created tabs? If we add oj-data-grid dynamically then how to map the data of the selected tab with the content from the textarea.