containers.rowSpan Number
A value that determines how many rows will the tile item span.
Example - set the rowSpan for an item
<script id="first" type="text/x-kendo-template">
<h3>A</h3>
</script>
<script id="second" type="text/x-kendo-template">
<h3>B</h3>
</script>
<div id="tilelayout"></div>
<script>
$("#tilelayout").kendoTileLayout({
containers: [
{
colSpan: 1,
rowSpan: 1,
header: {
text: "Item one"
},
bodyTemplate: kendo.template($("#first").html())
},
{
colSpan: 1,
rowSpan: 3,
header: {
text: "Item two"
},
bodyTemplate: kendo.template($("#second").html())
}
],
columns: 4
});
</script>