demo.html

<!--Provide URL to visualize.js-->
<script src="https://mobiledemo.jaspersoft.com/jasperserver-pro/client/visualize.js"></script>
<div>
    <label for='repoOffset'>Offset</label>
    <input id='repoOffset' type='number' value='0' />
    <br>
    <label for='repoLimit'>Limit</label>
    <input id='repoLimit' type='number' value='10' />
    <button id='mybtn' type='button'>
        Fetch Data
    </button>
</div>
<div class="datagrid">
    <table>
        <thead>
        <tr>
            <th>Label</th>
            <th>URI of resource</th>
            <th>Type</th>
            <th>Created</th>
        </tr>
        </thead>
        <tbody id="ResultsTableContent">
        <tr>
            <td>data</td>
            <td>data</td>
            <td>data</td>
            <td>data</td>
        </tr>
        <tr>
            <td>data</td>
            <td>data</td>
            <td>data</td>
            <td>data</td>
        </tr>
        <tr>
            <td>data</td>
            <td>data</td>
            <td>data</td>
            <td>data</td>
        </tr>
        <tr>
            <td>data</td>
            <td>data</td>
            <td>data</td>
            <td>data</td>
        </tr>
        </tbody>
    </table>
</div>