Grid groupings test

by sparksterz

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.528/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.528/styles/kendo.default.min.css">
<script src="https://dl.dropboxusercontent.com/u/26374476/kendo.web.min.js"></script>
<div id="grid" />

JavaScript

$(document).ready(function () {
    $("#grid").kendoGrid({
        dataSource: [{
            "ModelName": "Unknown",
                "ManufacturerName": "Unknown",
                "DefaultMonoCPP": 0.03312,
                "DefaultColorCPP": 0.07325,
                "OverrideMonoCPP": 0.03,
                "OverrideColorCPP": 0.07
        }, {
            "ModelName": "LaserJet 4345",
                "ManufacturerName": "HP",
                "DefaultMonoCPP": 0.03,
                "DefaultColorCPP": 0.07456,
                "OverrideMonoCPP": 0.0387,
                "OverrideColorCPP": 0.07
        }, {
            "ModelName": "Nuvera 120",
                "ManufacturerName": "Xerox",
                "DefaultMonoCPP": 0.05,
                "DefaultColorCPP": 0.64659,
                "OverrideMonoCPP": 0.74505,
                "OverrideColorCPP": 0.09
        }, {
            "ModelName": "i3030",
                "ManufacturerName": "Canon",
                "DefaultMonoCPP": 0.03,
                "DefaultColorCPP": 0.07,
                "OverrideMonoCPP": 0.03,
                "OverrideColorCPP": 0.07
        }, {
            "ModelName": "Aficio SP",
                "ManufacturerName": "Ricoh",
                "DefaultMonoCPP": 0.05,
                "DefaultColorCPP": 0.09,
                "OverrideMonoCPP": 0.05,
                "OverrideColorCPP": 0.09
        }],
        columns: [{
            field: "ModelName",
            title: "Model",
            width: "90px"
        }, {
            field: "ManufacturerName",
            title: "Make",
            width: "70px"
        }, {
            field: "DefaultMonoCPP",
            title: "Mono Cost",
            width: "75px"
        }, {
            field: "DefaultColorCPP",
            title: "Color Cost",
            width: "80px"
        }, {
            field: "OverrideMonoCPP",
            title: "Override Mono Cost",
            width: "110px"
        }, {
            field: "OverrideColorCPP",
      ...