JSFiddle - React, Tailwind, and code Playground

by dkamburov

HTML

<!DOCTYPE html>
<html>
<head>
    <title></title>

    <link href="http://cdn-na.infragistics.com/igniteui/2016.2/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" />
    <link href="http://cdn-na.infragistics.com/igniteui/2016.2/latest/css/structure/infragistics.css" rel="stylesheet" />
    <link href="http://www.igniteui.com/css/bootstrap/bootstrap.min.css" rel="stylesheet" />

    <script src="http://modernizr.com/downloads/modernizr-latest.js"></script>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script src="https://code.angularjs.org/1.4.8/angular.js"></script>

    <script src="http://cdn-na.infragistics.com/igniteui/2016.2/latest/js/infragistics.core.js"></script>
    <script src="http://cdn-na.infragistics.com/igniteui/2016.2/latest/js/infragistics.lob.js"></script>

    <script src="https://rawgit.com/IgniteUI/igniteui-angular/master/src/igniteui-angular.js"></script>

    <script src="http://www.igniteui.com/data-files/northwindProducts.js"></script>

    <script type="text/javascript">


        var sampleApp = angular.module('sampleApp', ['igniteui-directives']);
        var angCells = [];
        sampleApp.controller('gridController', function ($scope, $compile, $interpolate) {
            $.ig.tmpl = function (tmpl, data) {
              angCells.push($compile(tmpl)($scope));
              return "";
            }

            $scope.rowId = null;
            $scope.action = "Click here";

            $scope.onClick = function ($event) {
              $scope.rowId = $($event.currentTarget).parents("tr").attr("data-id");
            }

            $scope.renderedHandler = function(ui, evt) {
			  var i = 0;
              for (i = 0; i < angCells.length; i++) {
                $('[aria-describedby="grid1_UnitPrice"]').eq(i).html(angCells[i]);
              }
            }

            $scope.data =...