How to get one column in handsontable and replace content.

How to get one column in handsontable and replace content.

I'm using library handsontable and in example I want select column "Name"  look like

and I want when I click button "Generate" all name in column "name" will be change look like (1, 2, 3, 4). Anyone can help me solve this problem? Thank you.
  1. <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <script src="http://handsontable.com/lib/jquery.min.js"></script>
        <script src="http://handsontable.com/dist/jquery.handsontable.full.js"></script>
        <link rel="stylesheet" media="screen" href="http://handsontable.com/dist/jquery.handsontable.full.css">
    </head>
    <body>
        <div class="divParent">
            <!--Button Generate-->
            <input type="button" value="Generate"/>
            <div id="dataTableDev" ></div>
            <script datajson-jsfiddle="dataJsonTable">
            var data = [
                ["Nissan", "2009", "black", "black"],
                ["Nissan", "2006", "blue", "blue"],
                ["Chrysler", "2004", "yellow", "black"],
                ["Volvo", "2012", "white", "gray"]]
            $('#dataTableDev').handsontable({           
                data: data,
                minRows: 5,
                colWidths: [140, 140, 140, 140],           
                minSpareRows: 1,
                autoWrapRow: false,
                colHeaders: false,
                manualColumnResize: true,
                contextMenu: true,
                colHeaders: ["Name", "Year", "Color1", "Color2"]
            });</script>
        </body>
        </html>