igGrid updating different editor types

by georgianastasov

HTML

<script src="https://igniteui.com/js/modernizr.min.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/latest/js/infragistics.core.js"></script>
<script src="https://cdn-na.infragistics.com/igniteui/latest/js/infragistics.lob.js"></script>
<script src="https://igniteui.com/data-files/adventureworks.min.js"></script>
<link href="https://cdn-na.infragistics.com/igniteui/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet"></link>
<link href="https://cdn-na.infragistics.com/igniteui/latest/css/structure/infragistics.css" rel="stylesheet"></link>

<table id="grid"></table>

CSS

.delete-button
        {
            width: 100%;
            font-size: 1em;
            border: solid 1px #777;
            font-family: 'Segoe UI', Arial, sans-serif;
            color: #444;
        }
        .delete-button:hover
        {
            background-color: #d0edfa;
        }

JavaScript

$(function () {

var data = [
                      { "ID": 1, "FirstName": "Nancy", "LastName": "Davolio", "BirthDate": "12/12/1998", "Age": 24, "Country": "USA", "City": "New York", "IsWorker": true },
                      { "ID": 2, "FirstName": "Andrew", "LastName": "Fuller", "BirthDate": "12/05/1997", "Age": 25, "Country": "USA", "City": "Washington", "IsWorker": true },
                      { "ID": 3, "FirstName": "Janet", "LastName": "Leverling", "BirthDate": "12/01/1993", "Age": 30, "Country": "USA", "City": "Ohio", "IsWorker": false },
                      { "ID": 4, "FirstName": "Margaret", "LastName": "Peacock", "BirthDate": "12/08/1995", "Age": 27, "Country": "USA", "City": "Philadelphia", "IsWorker": true },
                      { "ID": 5, "FirstName": "Bob", "LastName": "Smith", "BirthDate": "12/02/1994", "Age": 28, "Country": "USA", "City": "New York", "IsWorker": false },
                      { "ID": 6, "FirstName": "John", "LastName": "Doe", "BirthDate": "12/01/1991", "Age": 33, "Country": "USA", "City": "Detroit", "IsWorker": false },
                      { "ID": 7, "FirstName": "Ben", "LastName": "Dover", "BirthDate": "12/04/1990", "Age": 34, "Country": "USA", "City": "Las Angeles", "IsWorker": false },
                      { "ID": 8, "FirstName": "Angelina", "LastName": "Smith", "BirthDate": "12/10/2001", "Age": 21, "Country": "USA", "City": "Miami", "IsWorker": true },
                      { "ID": 9, "FirstName": "Emily", "LastName": "Howi", "BirthDate": "12/10/1994", "Age": 29, "Country": "USA", "City": "New Hampshire", "IsWorker": true },
                      { "ID": 10, "FirstName": "Caroline", "LastName": "Tate", "BirthDate": "12/10/1999", "Age": 23, "Country": "USA", "City": "Florida", "IsWorker": true },
                      
                ];
                

var countries = ["UK", "USA", "Canada", "Australia"];

            $("#grid").igGrid({
                autoGenerateColumns: false,
                width: "100%",
     ...