Appending editable row at the end of table on button click

[mdixit_1401]

Hi Experts,

I want to add an editable row at the end of the table when a button is pressed.

I am able to add a row by adding blank data to the model but how to make it editable is giving a problem

Please help!

Thanks,

Mansi

[saivellanki · Accepted solution]

Hi Mansi,

Will this help? TableNewRow -  Editable

Regards,

Sai Vellanki.

[former_member182862 · Accepted solution]

Hi Sai

Just to keep thing simple. I have modified your code.

JS Bin - Collaborative JavaScript Debugging

Thanks

-D

[mdixit_1401 · Accepted solution]

Hi Sai,

Thanks a lot. Thats what I was looking for. Row is now editable.

Now I want to make the first column as dropdown.

Just let me know is this possible??

I mean on clicking add an editable row should be added and the frst column should have a dropdown.

Thanks,

Mansi

[mdixit_1401 · Accepted solution]

Hey Dennis,

Thanks for replying.

I was also trying the same thing, a blank row was getting added but it was not editable.

Don't know the reason.

Anyways, can u please let me know that adding a dropdown to first column while adding is possible?

Thanks,

Mansi

[saivellanki · Accepted solution]

Hi Mansi,

You mean like this? TableEdit - DropDown

Regards,

Sai Vellanki

[former_member182862 · Accepted solution]

Hi Mansi

the new row is definitely editable. Click on it and you can edit.

you can definitely add new dropdownbox like this

JS Bin - Collaborative JavaScript Debugging

[mdixit_1401 · Accepted solution]

Hey Sai,

Thanks for the help.

But the problem is now the noneditable rows are having the frst entry only from the dropdown.

I mean like in ur case its Non-editable for all of them.

But I want it to be based on data, I have four values for dropdown but its taking the frst one only for all of the rows. Any idea how do I fix it??

Thanks,

Mansi

[saivellanki · Accepted solution]

Hi Mansi,

Apologies, please scrap the old logic. Go with this one: TableBinding - DropDown

Regards,

Sai Vellanki.

[scott_stefanich]

Hi Mansi,

Perhaps you've already done so and decided on creating an editable table row for creating a new item, but have you reviewed the Fiori Design Guidelines Create Page Floorplan?

The Create Page Floorplan guidelines describe create mode variants, when to use them, and ways to trigger them depending on different use cases.

Regards,

Scott

[Former Member]

Hi,

Chk this link:

Add/Insert row to SAPUI5 Table Dynamically | SCN

[mdixit_1401]

Hi Pradeep,

Thanks for the response. But this link is only to add the row.

For me row is getting added but how to make it editable.

Thanks,

Mansi