JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<div id="container">
    <div data-bind="source: activeData" data-template="template2"></div>
</div>

<script id="template2" type="text/x-kendo-template">
    <span data-bind="text: text">
    </span>
</script>

JavaScript

$(function() {
var model = new kendo.data.ObservableObject({
    data: [
        {
            active: false,
            rows: [{
                text: "A"
            },{
                text: "B"
            }]
        },
        {
            active: true,
            rows: [{
                text: "C"
            }, {
                text: "D"
            }]
        }
    ],
    activeData: function(){
        var result;
        $.each(this.get("data"), function(index, item){
            if (item.active == true) {
                result = item;
                return false;
            }
        });
        
        return result.rows;
    }
});

    kendo.bind("#container", model);
});