Add/Delete Rows in Grid

Sample: dhtmlxGrid

Add/Delete Rows in Grid

You can add rows to the javascript grid any time by using API methods. You can specify the position the row should appear.
Delete row is easy as well

Add Row to the second position

Delete Row by index

 
<div id="gridbox" width="100%" height="230px" style="background-color:white;overflow:hidden"></div>
<script> 
    mygrid = new dhtmlXGridObject('gridbox');
    ...
    mygrid.addRow(123,"text1,text2",1);
    mygrid.deleteRow(mygrid.getRowId(0));</script>