var vm = kendo.observable({
people: [
{
firstName: "John",
lastName: "DeVight"},
{
firstName: "Wendy",
lastName: "Parry"}
]
});
kendo.bind($("#peopleRows"), vm);
<table>
<thead>
<tr>
<th>First Name</th>
<th>Last Name</th>
</tr>
</thead>
<tbody id="peopleRows" data-bind="source: people" data-template="personTemplate">
</tbody>
</table>
<script type="text/x-kendo-template" id="personTemplate">
<tr>
<td>#= firstName #</td>
<td>#= lastName #</td>
</tr>
</script>
table, th, td {
border: 1px solid Gray;
}
th {
width: 100px;
background-color: Gray;
color: White;
}
td {
padding-left: 4px;
}
External resources loaded into this fiddle: