k-grid num text box editing

by valchev

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.metro.min.css">
<div id="grid" style="width: 300px;"></div>

CSS

#grid table {table-layout:fixed}

JavaScript

var myData = [
    {
    Qty: 4,
    Text: "195/65R15",
    Price: 45.34},
{
    Qty: 5,
    Text: "265/65R15",
    Price: 41.34},
{
    Qty: 6,
    Text: "395/65R15",
    Price: 49.34}
];

$("#grid").kendoGrid({
    dataSource: {
        data: myData,
        schema: {
            model: {
                fields: {
                    Qty: {
                        type: "number"
                    },
                    Text: {
                        type: "string"
                    },
                    Price: {
                        type: "number"
                    }
                }
            }
        }
    },
    editable: true,
    columns: [
        { field: "Qty", name: "Qty", width: "50px" },
         "Text", "Price"
    ],
    scrollable: false
});