[// display the name of the WebReport as the HTML title
<script>
document.title = "[LL_REPTAG_MYID NODEINFO:NAME /]";
</script>	

[// load CSS and JS for Datatables
<link rel="stylesheet" type="text/css" href="[LL_REPTAG_SUPPORTDIR /]/DataTables/v1.10.20/Buttons-1.6.1/css/buttons.dataTables.min.css"/>
<link rel="stylesheet" type="text/css" href="[LL_REPTAG_SUPPORTDIR /]/DataTables/v1.10.20/DataTables-1.10.20/css/jquery.dataTables.min.css"/>
<script type="text/javascript" src="[LL_REPTAG_SUPPORTDIR /]/DataTables/v1.10.20/jQuery-3.3.1/jquery-3.3.1.js"></script>
<script type="text/javascript" src="[LL_REPTAG_SUPPORTDIR /]/DataTables/v1.10.20/DataTables-1.10.20/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="[LL_REPTAG_SUPPORTDIR /]/DataTables/v1.10.20/Buttons-1.6.1/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="[LL_REPTAG_SUPPORTDIR /]/DataTables/v1.10.20/Buttons-1.6.1/js/buttons.html5.min.js"></script>
<script type="text/javascript" src="[LL_REPTAG_SUPPORTDIR /]/DataTables/v1.10.20/Buttons-1.6.1/js/buttons.print.min.js"></script>
<script type="text/javascript" src="[LL_REPTAG_SUPPORTDIR /]/DataTables/v1.10.20/Buttons-1.6.1/js/buttons.colVis.min.js"></script>
<script type="text/javascript" src="[LL_REPTAG_SUPPORTDIR /]/DataTables/v1.10.20/pdfmake-0.1.36/pdfmake.min.js"></script>
<script type="text/javascript" src="[LL_REPTAG_SUPPORTDIR /]/DataTables/v1.10.20/pdfmake-0.1.36/vfs_fonts.js"></script>
<script type="text/javascript" src="[LL_REPTAG_SUPPORTDIR /]/DataTables/v1.10.20/JSZip-2.5.0/jszip.min.js"></script>
<script type="text/javascript" src="[LL_REPTAG_SUPPORTDIR /]/DataTables/v1.10.20/natural.js"></script>

[// display the name of the WebReport node
<B>[LL_REPTAG_MYID NODEINFO:NAME /]</B>

[// include the function menu for this WebReport (who's dataid is in MYID). 
[LL_REPTAG_MYID LLURL:FUNCTIONMENU /]&nbsp;

[// include the up-a-level icon.  
[LL_REPTAG_MYID LLURL:UPALEVEL /]<BR><BR>


        <table id="webreport-table" class="display" style="width:100%" data-page-length='25'>
            <thead>
            <tr>
	            <th>Name</th>
	            <th>Position</th>
                <th>Office</th>
	            <th>Age</th>
	            <th>Start Date</th>
                <th>Salary</th>
            </tr>
            </thead>
        <tbody>
        
[LL_WEBREPORT_STARTROW /]        

            <tr>
	            <td>&nbsp;[LL_REPTAG_7 /]</td>
	            <td>&nbsp;[LL_REPTAG_8 /]</td>
	            <td>&nbsp;[LL_REPTAG_9 /]</td>
	            <td>&nbsp;[LL_REPTAG_10 /]</td>
	            <td>&nbsp;[LL_REPTAG_11 TODATE:"%Y%m%d" DATE:SHORT /]</td>
	            <td>&nbsp;[LL_REPTAG_12 /]</td>
            </tr>
            


[LL_WEBREPORT_ENDROW /]

        </tbody>
    </table>

<script>
$(document).ready(function myfunction() {
$('#webreport-table').DataTable( {
        dom: 'lBfrtip',
        "buttons":["copy","excel","print","pdf","colvis"],
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
        "columnDefs": [ { type: 'date', 'targets': [3] } ],
        "order": [[ 3, "desc" ]]
    } );
} );
</script>