JSFiddle - React, Tailwind, and code Playground

by Yuriy Bablyukh

HTML

<script src="http://build-master.jaspersoft.com:7480/jrs-pro-feature-jive-refactoring/client/visualize.js"></script>
<div id="container2"></div>

CSS

#container2 {
    border: 1px solid black;
    height: 500px;
    width: 100%;   
    overflow:auto;
}

JavaScript

visualize({
    auth: {
        name: "superuser",
        password: "superuser"
    }
}, function (v) {

    
    //render report from provided resource
    var report2 = v.report({
        resource: "/public/Visualize/Adhoc/Ad_Hoc_View_All_columns_Report",
        error: handleError,
        container: "#container2",
        scale:2,
        defaultJiveUi: {
            floatingTableHeadersEnabled: true,
            floatingCrosstabHeadersEnabled: true
        }
    });
     
    //show error
    function handleError(err){
        alert(err.message);
    }
});