JSFiddle - React, Tailwind, and code Playground

by Евгений Дзюба

HTML

<script src="http://patterns.astafyev.net/js/expatterns.js"></script>
<script type="text/javascript" src="http://patterns.astafyev.net/js/expatterns.js"></script>
<link type="text/css" href="http://patterns.astafyev.net/patterns/table/container/pattern.css" rel="stylesheet" data-flex-connect-mark="dynamically">

JavaScript

(function () {
            _patterns.debug();
            "use strict";
            var data_source = [];
            for (var i = 0; i < 100; i += 1) {
                data_source.push({
                    column_0: (Math.random() * 1000).toFixed(4),
                    column_1: (Math.random() * 1000).toFixed(4),
                    column_2: (Math.random() * 1000).toFixed(4),
                    column_3: (Math.random() * 1000).toFixed(4),
                });
            }
            _patterns.get({
                url: '/patterns/table/container/pattern.html',
                node: document.body,
                hooks: {
                    titles: {
                        column_0: 'Column #0',
                        column_1: 'Column #1',
                        column_2: 'Column #2',
                        column_3: 'Column #3',
                    },
                    rows: _patterns.get({
                        url: '/patterns/table/row/pattern.html',
                        hooks: data_source,
                    })
                }
            }).render();
        }());