JSFiddle - React, Tailwind, and code Playground
by dkamburov
HTML
<!-- Ignite UI Required Combined CSS Files -->
<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" />
<script src="http://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.8.3.js"></script>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<script src="http://www.igniteui.com/js/angular.min.js"></script>
<!-- Ignite UI Required Combined JavaScript Files -->
<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="http://cdn-na.infragistics.com/igniteui/2016.2/latest/js/extensions/igniteui-angular.js"></script>
<script type="text/javascript">
var sampleApp = angular.module('NCSummaryConfiguration', ['igniteui-directives']);
sampleApp.controller('NCSummaryController', function ($scope) {
$scope.data = [];
});
</script>
<div class="background" id="background" ng-app="NCSummaryConfiguration" ng-controller="NCSummaryController as ncc">
<div class="row">
<div class="col-md-12">
<ig-hierarchical-grid id="grid1"
data-source="data"
width="100%"
height="100%"
auto-commit="true"
auto-generate-columns="false"
auto-generate-layouts="false"
expand-collapse-animations="false"
enable-hover-styles="false">
<features>
<feature name="Sorting"></feature>
<feature name="Filtering"></feature>
<feature name="Selection"></feature>
<feature name="Resizing"></feature>
</features>
<columns>
<column key="sfc"...