Other resources

  • jExcel CE
    Jexcel community edition
  • jTools
    Web components, utilities and plugins
  • Javascript spreadsheets Vue implementation

    Integrating jExcel with Vue


    Source code

    <html>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js"></script>
    
    <script src="https://jexcel.net/v3/jexcel.js"></script>
    <script src="https://jexcel.net/v3/japp.js"></script>
    <link rel="stylesheet" href="https://jexcel.net/v3/jexcel.css" type="text/css" />
    <link rel="stylesheet" href="https://jexcel.net/v3/japp.css" type="text/css" />
    
    <div id="spreadsheet"></div>
    
    <input type="button" value="Add new row" onclick="vm.insertRow()" />
    
    <script>
    var options = {
        data:[[]],
        minDimensions:[10,10],
    }
    
    var vm = new Vue({
        el: '#spreadsheet',
        mounted: function() {
            let spreadsheet = jexcel(this.$el, options);
            Object.assign(this, spreadsheet);
        }
    }); 
    </script>