index.bigtable.html

<html>
    <head>
        <meta charset="utf-8">
        <title>Export to excel test</title>
        <script src="dist/excellentexport.js"></script>
        <style>
            table, tr, td {
                border: 1px black solid;
            }
        </style>
        <script>
            function action(format) {
                return ExcellentExport.convert({
                    anchor: 'bigdata-' + format,
                    filename: 'big_table.' + format,
                    format: format
                }, [{
                    name: 'Big Table',
                    from: {
                        table: 'bigtable'
                    }
                }]);
            }
        </script>
    </head>
    <body>
        <h1>ExcellentExport.js</h1>

        Check on <a href="http://jordiburgos.com">jordiburgos.com</a> and  <a href="https://github.com/jmaister/excellentexport">GitHub</a>.

        <h3>Big Table Test page</h3>


        <a id="bigdata-xlsx" download="bigdata.xlsx" href="#" onclick="return action('xlsx')">Export to XLSX very big table</a><br/>
        <a id="bigdata-xls"  download="bigdata.xls" href="#" onclick="return action('xls')">Export to XLS very big table</a><br/>
        <a id="bigdata-csv"  download="bigdata.csv" href="#" onclick="return action('csv')">Export to CSV very big table</a>
        <table id="bigtable">
        <br/>
        </table>
        <script>
            var table = document.getElementById('bigtable');
            var n = 5000;
            var cols = 50;
            var i, j;

            for (i=0; i < n; i=i+1) {
                var row = table.insertRow(0);
                for (j=0; j < cols; j=j+1) {
                    var cell = row.insertCell(0);
                    cell.innerHTML = "Test " + Math.random();
                }
            }
        </script>
    </body>
</html>