rowsHeight String|Number
(default: '1fr')
Determines the height of the rows. Numeric values are treated as pixels.
Example - sets the number of the rows
<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: 1,
header: {
text: "Item two"
},
bodyTemplate: kendo.template($("#second").html())
}
],
columns: 4,
rowsHeight: 300
});
</script>