customize column values devextreme datagrid code example

Example: devextreme custom dxdatagrid field

$(function () {
    $("#dataGridContainer").dxDataGrid ({
        // ...
        columns: [{
            caption: "Product Link",
            allowFiltering : false,
            allowSorting : false,
            cellTemplate : function (cellElement, cellInfo) {
                //cellinfo is a large array, you can console.log(cellInfo) to get a look at it's structure to see what you need to grab
            	cellElement.append ("<a class=\"btn\" href=\"/CreateOrder?b=" + cellInfo.data.brandName + "&n=" + cellInfo.data.modelName + "\">Go to Product</a>");
            }
        }]
    });
});