JSFiddle - React, Tailwind, and code Playground

by Yuriy Bablyukh

HTML

<link rel="stylesheet" href="http://gridster.net/dist/jquery.gridster.min.css">
<script type="text/javascript" src="http://localhost:8080/jasperserver-pro/client/visualize.js?_opt=false"></script>

<div id="c1"></div>

CSS

li {
    border: thin solid red;
    list-style: none;
}

JavaScript

var report;

visualize({
    auth: {
        name: "superuser",
        password: "superuser"
    }
}, function (v) {
    report = v.report({
        resource: "/public/Samples/Reports/03._Store_Segment_Performance_Report",
        container: "#c1",
        
        error: function (err) {
            alert(err.message);
        }
    });
});