JSFiddle - React, Tailwind, and code Playground

by Alexey Sharifullin

HTML

<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id="table"></div>

JavaScript

var getLocalization = function () {
    var localizationobj = {};
    localizationobj.pagerGoToPageString = "Перейти на:";
    localizationobj.pagerShowRowsString = "Показать строк:";
    localizationobj.pagerRangeString = " из ";
    localizationobj.pagerNextButtonString = "след";
    localizationobj.pagerFirstButtonString = "перв";
    localizationobj.pagerLastButtonString = "посл";
    localizationobj.pagerPreviousButtonString = "пред";
    localizationobj.sortAscendingString = "По возрастанию";
    localizationobj.sortDescendingString = "По убыванию";
    localizationobj.sortRemoveString = "Удалить строку";
    localizationobj.emptydatastring = "Пустая строка";
    localizationobj.firstDay = 1;
    localizationobj.percentSymbol = "%";
    localizationobj.currencySymbol = "р.";
    localizationobj.currencySymbolPosition = "after";
    localizationobj.decimalSeparator = ",";
    localizationobj.thousandsSeparator = ",";
    var days = {
        // full day names
        names: ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"],
        // abbreviated day names
        namesAbbr: ["Sonn", "Mon", "Dien", "Mitt", "Donn", "Fre", "Sams"],
        // shortest day names
        namesShort: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"]
    };
    localizationobj.days = days;
    var months = {
        // full month names (13 months for lunar calendards -- 13th month should be "" if not lunar)
        names: ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember", ""],
        // abbreviated month names
        namesAbbr: ["Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dez", ""]
    };
    var patterns = {
        d: "dd.MM.yyyy",
        D: "dddd, d. MMMM yyyy",
        t: "HH:mm",
        T: "HH:mm:ss",
        f: "dddd, d. MMMM yyyy HH:mm",
        F: "dddd, d. MMMM yyyy HH:mm:ss",
        M: "dd MMMM",
        Y: "MMMM yyyy"
    }
   ...