<div id="grid"></div>
<script>
$("#grid").kendoGrid({
    dataLayoutMode: "stacked",
    stackedLayoutSettings: {
      cols:[100, 200],
    },
    detailTemplate: ({ name, age }) => `<div>Name: ${name}</div><div>Age: ${age}</div>`,
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    dataSource: {
      data: [
        { id: 1, name: "Jane Doe", age: 30 },
        { id: 2, name: "John Doe", age: 33 }
      ],
      schema: {
        model: {
          id: "id"
        }
      }
    },
    messages: {
      details: {
        expand: "Open",
        collapse: "Close"
      }
    }
  });
</script>