JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://origin.kendostatic.com/2015.1.429/styles/kendo.mobile.all.min.css">
<div id="scrollview"></div>

<button id="btnYellow">Make Yellow</button>

<script id="template" type="text/x-kendo-template">
    #for (var i = 0; i < data.length; i++) { #
    <div class="client" style="background-color: #: data[i].Color #">
        #: data[i].FirstName # #: data[i].LastName#
    </div>
    #}#
</script>

CSS

#scrollview .km-virtual-page {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}

.client {
    width: 200px;
    height: 200px;
    border: 1px solid red;
    text-align: center;
}

JavaScript

var clients = [];
for (var i = 0; i < 100; i++) {
    clients.push({
        FirstName: "First Name " + i,
        LastName: "Last Name " + i,
        Color: "white"
    });
}

var clientsDataSource = kendo.data.DataSource.create({
    data: clients
});

function makeYellow() {
    clientsDataSource.data()[0].set("Color", "yellow");    
}

$("#scrollview").kendoMobileScrollView({
    dataSource: clientsDataSource,
    itemsPerPage: 8,
    template: $("#template").html(),
    enablePager: false
});

$("#btnYellow").bind("click", makeYellow);