JSFiddle - React, Tailwind, and code Playground

by Manish Gupta

HTML

<link rel="stylesheet" href="http://cdn.wijmo.com/5.20163.259/styles/wijmo.min.css">
<script src="http://cdn.wijmo.com/5.20163.259/controls/wijmo.min.js"></script>
<script src="http://cdn.wijmo.com/5.20163.259/controls/wijmo.input.min.js"></script>
<script src="http://cdn.wijmo.com/5.20163.259/controls/wijmo.grid.min.js"></script>
<script src="http://cdn.wijmo.com/5.20163.259/controls/wijmo.grid.filter.min.js"></script>
<script src="http://cdn.wijmo.com/5.20163.259/controls/wijmo.grid.sheet.min.js"></script>
 <button id="btn">View</button>
    <div id="theSheet" style="height:500px;"> </div>
    <div id="popup">
        <div id="content" style="height:500px;width:600px;">
            
        </div>
    </div>

JavaScript

var flex = new wijmo.grid.sheet.FlexSheet('#theSheet');
            flex.addUnboundSheet('Sheet1', 5, 5, 0);
            var popup = new wijmo.input.Popup('#popup');
            $('#btn').click(function () {
               var view=$.extend(true,{},flex);
               

                view.headersVisibility = 0;
                console.log(view)
popup.show(true);
            //    $('#content')[0].appendChild(view);
                
                $('#content')[0].appendChild(view.hostElement);

            });