EasyUI Forum

Hi!
I have a button and i want to add 10 Blank rows in the edatagrid. right now the code that i m using add only one row.

<table id="dgsv_admin" title="WORKSHEET" style="width:950px; height:460px;"
         toolbar="#toolbar" pagination="false" idField="id"
         rownumbers="false" fitColumns="false" singleSelect="true">
   
      <thead>
         <tr>
            <th field="code" width="62" editor="{type:'validatebox',options:{required:true}}">Code</th>
            <th field="type" width="64" editor="{type:'validatebox',options:{required:true}}">Type</th>
                         </tr>
               </thead>
</table>

Here is the code to add Rows to the above grid:

<button class="btn btn-success" onClick="javascript:$('#dgsv_admin').edatagrid('addRow')">ADD 10 ROWS</button>

Any solution regarding this....?

To append a row for editing, try this:

To append a row and save it, try this: