JSFiddle - React, Tailwind, and code Playground

by burninromz

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.metro.min.css">
<script src="http://atis.cloudapp.net/Scripts/kendo.all.debug.js"></script>
<div>My List View</div>
<div id="duplicateListView"></div>
<div id="pagerSect"  class="k-pager-wrap"></div>

<script type="text/x-kendo-tmpl" id="duplicateListingTemplate">
    <div class="product-view" > 
    <div class="row-fluid" >&nbsp</div>
    <div class="row-fluid">
        <div class="span2">
            <img class="profileImage" src="${Thumbnail}" height="45" width="60" />
        </div>
        <div class="span10">     
            <strong>${Name}</strong > <br/>
            #  if (Street) {#
            ${Street} <br/> 
            # } #
            ${City}, 
            ${Region}, 
            ${Country} <br /> 
            ${PhoneNumber}
            # if (Url) {#, 
            ${Url}
            #}# 
            <br/>

        </div>
        <div class="row-fluid">
        </div>
        <div class = "row-fluid">
            <div class="span3">
                <a class="k-button k-button-icontext k-delete-button" href="\\#"><span class="k-icon k-delete"></span > No Thanks </a>
            </div> 
        </div>
    </div>
</div>
</script>

JavaScript

var results = {
    count: 13,
    data: [{
        Thumbnail: "http://us.123rf.com/400wm/400/400/lodka/lodka1106/lodka110600034/9716507-orange-fun-sun-with-a-pretty-smile.jpg",
        Name: "Beagle1",
        Street: "My Street",
        City: "Calgary",
        Region: "Alberta",
        Country: "Country",
        PhoneNumber: "4032224444",
        Url: "www"
    }, {
        Thumbnail: "http://us.123rf.com/400wm/400/400/lodka/lodka1106/lodka110600034/9716507-orange-fun-sun-with-a-pretty-smile.jpg",
        Name: "Beagle2",
        Street: "My Street",
        City: "Calgary",
        Region: "Alberta",
        Country: "Country",
        PhoneNumber: "4032224444",
        Url: "www"
    }, {
        Thumbnail: "http://us.123rf.com/400wm/400/400/lodka/lodka1106/lodka110600034/9716507-orange-fun-sun-with-a-pretty-smile.jpg",
        Name: "Beagle3",
        Street: "My Street",
        City: "Calgary",
        Region: "Alberta",
        Country: "Country",
        PhoneNumber: "4032224444",
        Url: "www"
    }, {
        Thumbnail: "http://us.123rf.com/400wm/400/400/lodka/lodka1106/lodka110600034/9716507-orange-fun-sun-with-a-pretty-smile.jpg",
        Name: "Beagle4",
        Street: "My Street",
        City: "Calgary",
        Region: "Alberta",
        Country: "Country",
        PhoneNumber: "4032224444",
        Url: "www"
    }, {
        Thumbnail: "http://us.123rf.com/400wm/400/400/lodka/lodka1106/lodka110600034/9716507-orange-fun-sun-with-a-pretty-smile.jpg",
        Name: "Beagle5",
        Street: "My Street",
        City: "Calgary",
        Region: "Alberta",
        Country: "Country",
        PhoneNumber: "4032224444",
        Url: "www"
    }, {
        Thumbnail: "http://us.123rf.com/400wm/400/400/lodka/lodka1106/lodka110600034/9716507-orange-fun-sun-with-a-pretty-smile.jpg",
        Name: "Beagle6",
        Street: "My Street",
        City: "Calgary",
        Region: "Alberta",
        Country: "Country",
        PhoneNumber:...