10.3.1. Layout Configuration

To add accumulation data insertion into a report, the syntax must be entered into a table, so that the data will grow within the table row. Below showing highlighted section of table to cater for this purpose. 

<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>IntegraXor Report</title>
        <link rel="stylesheet" type="text/css"
                href="system/styles/igrX.css" />
    </head>
    <body>
        <div id="idButtons" class="paragraph"></div>
        <h1>High Plant Production Report</h1>
        
        <table width="60%">
            <tr>
                <th>Item</th><th>Description</th><th>Quantity</th>
            </tr>
            <tr>
                <td>1</td>
                <td>Part A</td>
                <td data-igrx="{attr:'get',tag:'part_a'}">0.00</td>
            </tr>
            <tr>
                <td>2</td>
                <td>Part B</td>
                <td data-igrx="{attr:'get',tag:'part_b'}">0.00</td>
            </tr>
            <tr>
                <td>3</td>
                <td>Part C</td>
                <td data-igrx="{attr:'get',tag:'part_c'}">0.00</td>
            </tr>
            <tr>
                <td>4</td>
                <td>Part D</td>
                <td data-igrx="{attr:'get',tag:'part_d'}">0.00</td>
            </tr>
        </table>
                        
        <h1>Production Log</h1>
        <table width="60%">
            <tr>
                <th width="28%">Description</th>
                <th width="18%">Density</th>
                <th width="18%">Pressure</th>
                <th width="18%">Level</th>
                <th width="18%">Weight</th>
            </tr>
            <tr>
                <td>Time/Unit</td>
                <td>(kg/m3)</td>
                <td>(bar g)</td>
                <td>(m)</td>
                <td>(kg)</td>
            </tr>
            <tr>
                <td></td>
                <td>0.00</td>
                <td>0.00</td>
                <td>0.00</td>
                <td>0.00</td>
            </tr>
            <tr>
                <td>Summary</td>
                <td>Avg</td>
                <td>Max</td>
                <td>Min</td>
                <td>Sum</td>
            </tr>
            <tr>
                <td></td>
                <td>0.00</td>
                <td>0.00</td>
                <td>0.00</td>
                <td>0.00</td>
            </tr>
        </table>
                     
    <script type="text/javascript" src="./system/scripts/igrX.js"></script>
    <script type="text/javascript">
        var rpt = igrx.report();
    </script>
    </body>
</html>

Output in browser from above listing

Prev Up Next
10.3. Statement Report Home 10.3.2. Link to Datasource