JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://jp.igniteui.com/js/modernizr.min.js"></script>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="https://jp.igniteui.com/js/angular.min.js"></script>
<script src="https://cdn-na.infragistics.com/igniteui/latest/js/infragistics.core.js"></script>
<script src="https://cdn-na.infragistics.com/igniteui/latest/js/infragistics.lob.js"></script>
<script src="https://cdn-na.infragistics.com/igniteui/latest/js/extensions/igniteui-angularjs.js"></script>
<link href="https://cdn-na.infragistics.com/igniteui/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet"></link>
<link href="https://cdn-na.infragistics.com/igniteui/latest/css/structure/infragistics.css" rel="stylesheet"></link>
<link href="https://jp.igniteui.com/css/bootstrap/bootstrap.min.css" rel="stylesheet"></link>
<script src="https://cdn-na.infragistics.com/igniteui/latest/js/i18n/infragistics-ja.js"></script>

<div ng-app="sampleApp" ng-controller="editorsController">
        <table id="" class="table table-striped table-hover">
            <thead>
                <tr>
                    <th>コントロール名</th>
                    <th>HTML 要素</th>
                    <th>Ignite UI for jQuery コントロール</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>igCurrencyEditor</td>
                    <td><input class="form-control" type="number" ng-model="editors.currency" step="any"></input></td>
                    <td><ig-currency-editor class="form-control" ng-model="editors.currency"></ig-currency-editor></td>
                </tr>
                <tr>
                    <td>igDateEditor</td>
                    <td><input class="form-control" type="text" ng-model="editors.date"></input></td>
                    <td><ig-date-editor class="form-control" ng-model="editors.date"></ig-date-editor></td>
               ...

CSS

.row {
            margin-right: 0;
            margin-left: 0;
        }

JavaScript

$(function () {
var sampleApp = angular.module('sampleApp', ['igniteui-directives']);
        sampleApp.controller('editorsController', function ($scope) {
            $scope.editors = {
                currency: 12.1,
                date: new Date(),
                editor: 'Infragistics',
                mask: '134-134-134',
                numeric: 123,
                percent: 0.12,
                text: 'Ignite UI for jQuery'
            };
        });
});