Clinton Smyth
Top achievements
Rank 1
Clinton Smyth
asked on 05 Apr 2012, 09:40 PM
Hi
I've looked through your demos and whenever there's a 'Add new record' button in the grid, the new blank row appears at the top.
Is there a way to configure the grid to display the blank fields after the last row of the grid?
I've looked through your demos and whenever there's a 'Add new record' button in the grid, the new blank row appears at the top.
Is there a way to configure the grid to display the blank fields after the last row of the grid?
4 Answers, 1 is accepted
0
Hi Clinton,
Out of the box "Add new record" button of the Kendo UI Grid allows you to insert a new item only at the top position. In order to achieve the needed functionality you could use a custom button which calls the addRow() method and move the row with jQuery to the bottom of the Grid. For example:
I hope this helps.
Regards,
Iliana Nikolova
the Telerik team
Out of the box "Add new record" button of the Kendo UI Grid allows you to insert a new item only at the top position. In order to achieve the needed functionality you could use a custom button which calls the addRow() method and move the row with jQuery to the bottom of the Grid. For example:
<button onclick=
"insertItem()"
>Insert
new
item</button>
...
function
insertItem(){
var
grid = $(
"#grid"
).data(
"kendoGrid"
);
grid.addRow();
$(
".k-grid-edit-row"
).appendTo(
"#grid tbody"
);
}
I hope this helps.
Regards,
Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Ravikant
Top achievements
Rank 1
answered on 20 Apr 2012, 07:00 AM
I want to add a new row at the bottom of the existing row with same data in kendo-grid on click of a button corresponding to each row
Can you please help me to get out of this
Can you please help me to get out of this
0
Phillip
Top achievements
Rank 1
answered on 30 Apr 2015, 07:02 PM
When I do this and after I click the Update button, the newly added row is back to the top again. How can I keep the newly added row stays at the bottom after clicking the update button.
0
Phillip
Top achievements
Rank 1
answered on 30 Apr 2015, 07:19 PM
I got the answer. just use this.
.Editable(editable => editable.Mode(GridEditMode.InLine).CreateAt(GridInsertRowPosition.Bottom))