We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

I want to display grid record onfirst postion in as editable

Technology : Angualar js and mvc 

  I want to display specific record on first position and grid textbox should be open to do changes on it.

1 Reply

IR Isuriya Rajan Syncfusion Team August 21, 2015 10:35 AM UTC

Hi Rakesh,
We need the following details to analyze you requirement.

1.     While clicking on the Add button in Toolbar, a new row will be included automatically in the top of the Grid. So let us know in which scenario you need an editable row in first position?

 And refer the below code and let us know you if want to insert your data to the first position in the dataSource via any of the operations like in the code.

  <input type="button" ng-click="addItem()" value="Add Item" /><br/>

function Ctrl($scope) {

                    $scope.data = [

                    new String('Item 4'), new String('Item 3'), new String('Item 2')];

                    $scope.addItem = function () {

                        var c = $scope.data.length + 1;

                        var item = new String('Item ' + c)

                        $scope.data.splice(0, 0, item);



2.     Are you using any of the Grid editTemplates? 

3.   While clicking on the Edit button, you can made changes in Grid textbox. In which scenario you expecting to display an editable textbox?   

Please let me know if you need any further assistance.


Isuriya R

Live Chat Icon For mobile
Up arrow icon