igGrid - add row to grid and to array with databinding

by georgianastasov

HTML

<script src="https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.8.3.js"></script>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="https://cdn-na.infragistics.com/igniteui/2022.1/latest/js/infragistics.core.js"></script>
<script src="https://cdn-na.infragistics.com/igniteui/2022.1/latest/js/infragistics.lob.js"></script>
<script src="https://igniteui.github.io/help-samples/data-files/adventureworks.min.js"></script>
<link href="https://cdn-na.infragistics.com/igniteui/2022.1/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet">
<link href="https://cdn-na.infragistics.com/igniteui/2022.1/latest/css/structure/infragistics.css" rel="stylesheet">
<table id="grid"></table>
<input type="button" id="buttonDataBind" value="Databind">

JavaScript

$(function () {
var ds = [{
      "ProductID": 1,
      "Name": "ACD",
      "ProductNumber": 1,
      "MakeFlag": true,
    },
    {
      "ProductID": 2,
      "Name": "ACD",
      "ProductNumber": 1,
      "MakeFlag": true,
    },
    {
      "ProductID": 3,
      "Name": "ACD",
      "ProductNumber": 1,
      "MakeFlag": true,
    },
    {
      "ProductID": 4,
      "Name": "ACD",
      "ProductNumber": 1,
      "MakeFlag": true,
    },
    {
      "ProductID": 5,
      "Name": "ACD",
      "ProductNumber": 1,
      "MakeFlag": true,
    },
    {
      "ProductID": 6,
      "Name": "ACD",
      "ProductNumber": 1,
      "MakeFlag": true,
    },
    {
      "ProductID": 7,
      "Name": "ACD",
      "ProductNumber": 1,
      "MakeFlag": true,
    },
    {
      "ProductID": 8,
      "Name": "ACD",
      "ProductNumber": 1,
      "MakeFlag": true,
    },
    {
      "ProductID": 9,
      "Name": "ACD",
      "ProductNumber": 1,
      "MakeFlag": true,
    },
    {
      "ProductID": 10,
      "Name": "ACD",
      "ProductNumber": 1,
      "MakeFlag": true,
    },
    {
      "ProductID": 11,
      "Name": "ACD",
      "ProductNumber": 1,
      "MakeFlag": true,
    },
    {
      "ProductID": 12,
      "Name": "ACD",
      "ProductNumber": 1,
      "MakeFlag": true,
    },
    {
      "ProductID": 13,
      "Name": "ACD",
      "ProductNumber": 1,
      "MakeFlag": true,
    },
    {
      "ProductID": 14,
      "Name": "ACD",
      "ProductNumber": 1,
      "MakeFlag": true,
    },
    {
      "ProductID": 15,
      "Name": "ACD",
      "ProductNumber": 1,
      "MakeFlag": true,
    },
    {
      "ProductID": 16,
      "Name": "ACD",
      "ProductNumber": 1,
      "MakeFlag": true,
    },
    {
      "ProductID": 17,
      "Name": "ACD",
      "ProductNumber": 1,
      "MakeFlag": true,
    },
    {
      "ProductID": 12,
      "Name": "ACD",
      "ProductNumber": 1,
      "MakeFlag": true,
    },
    {
      "ProductID": 18,
      "Name": "ACD",
     ...