Kendo Grid UI - Detalle con más columnas

Ejemplo de kendo grid utilizando el detalle para mostrar más columnas

by Eric Torre

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
<div id="gridKendo"></div>

<script id="detalles" type="text/x-kendo-template">
    <label>Número de trabajadores: #=NumeroTrabajadores#</label><br>    
    <label>Ubicación: #=ubicacion#</label>
</script>

JavaScript

$("#gridKendo").kendoGrid({
  columns: [
    { field: "Nombre" }
  ],
  dataSource: [
    { Nombre: "mantenimiento", NumeroTrabajadores: 2, ubicacion: "Bacelona" },
    { Nombre: "facturacion", NumeroTrabajadores: 3, ubicacion: "Madrid" }
  ],
  detailTemplate: kendo.template($("#detalles").html())
});