JSFiddle - React, Tailwind, and code Playground

by Danish Farman

HTML

<link rel="stylesheet" href="http://institut-de-genomique.github.io/Ultimate-DataTable/js/bootstrap/css/bootstrap-3.3.4.min.css">
<link rel="stylesheet" href="http://institut-de-genomique.github.io/Ultimate-DataTable/js/font-awesome/css/font-awesome.min.css">
<script src="http://institut-de-genomique.github.io/Ultimate-DataTable/js/jquery/jquery_1.11.1.min.js"></script>
<script src="http://institut-de-genomique.github.io/Ultimate-DataTable/js/bootstrap/js/bootstrap-3.3.4.min.js"></script>
<script src="http://institut-de-genomique.github.io/Ultimate-DataTable/js/angular-js/angular-1.3.16.min.js"></script>
<script src="http://institut-de-genomique.github.io/Ultimate-DataTable/js/ultimate-datatable-3.2.0.js"></script>
<link rel="stylesheet" href="http://institut-de-genomique.github.io/Ultimate-DataTable/css/ultimate-datatable-3.2.0.css">
<body ng-app="ngAppDemo">
    <div class="container-fluid">
        <div class="row">
             <h1 align="center">Simple Ultimate DataTable exemple</h1>

            <br/>
            <div ng-controller="ngAppDemoController">
                <div class="col-md-12 col-lg-12" ultimate-datatable="datatable"></div>
            </div>
        </div>
    </div>
</body>

JavaScript

angular.module('ngAppDemo', ['ultimateDataTableServices']).controller('ngAppDemoController', ['$scope', 'datatable', function ($scope, datatable) {

    var datatableConfig = {
        "name": "simple_datatable",
            "columns": [{
            "header": "Title",
                "property": "title",
                "order": true,
                "type": "text",
                "groupMethod": "collect"
        }, {
            "header": "Date removed",
                "property": "date_removed",
                "order": true,
                "group": true,
                "type": "date"
        }, {
            "header": "Description",
                "property": "description",
                "order": true,
                "type": "text",
                "groupMethod": "collect"
        }, {
            "header": "URL",
                "property": "url",
                "order": true,
                "type": "text",
                "edit": true,
                "groupMethod": "collect",
                "render": "<a target='blank' ng-href='{{cellValue}}'>{{cellValue}}</a>"
        }

        ],
            "edit": {
            "active": true,
                "columnMode": true
        },
            "filter": {
            "active": true,
                "highlight": true
        },
            "pagination": {
            "mode": 'local'
        },
            "order": {
            "mode": 'local'
        },
            "remove": {
            "active": true,
                "mode": 'local'
        },
            "save": {
            "active": true,
                "mode": 'local'
        },
            "add": {
            "active": true,
                "showButton": true
        },
            "group": {
            "active": true,
        },
            "compact": true
    };

    var datatableData = [{
        "url": "http://www.bbc.co.uk/news/uk-scotland-edinburgh-east-fife-17449896",
            "date_created": null,
            "date_removed":...