Popup Modal to add row clicking on Column header

[SravanthiParticipant]

Hi,

I am trying to build a JqxGrid with Create and Edit Functionality.

So, The idea is to add a column to the grid with “Create” option at the Column header and “Edit” in the cells of that column.
When a user clicks “Create” a pop-up modal is created to allow the user to add a new row to the grid.
and when he clicks on the “Edit” column of a row, another pop-up modal to edit the row fields will be shown.

I tried doing this in Table, but I am not able to write it in JQXGrid.

I have followed the pop-up editing option in the JQXGrid, but now I need the help in the “Create” , that is adding a row, clicking on Column header of the “Edit”.

Removed Link due to violation with the Forum Policy!

Is it possible?
Please help me. The solution will be really helpful.

Thanks in advance.

[DimitarParticipant]

Hi phoebe,

I think the following example might be helpful to you: https://www.jseditor.io/?key=add-row-button-in-header.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts