Exceljs VS Sheetjs(xlsx.js) VS xlsx-populate.js

SheetJS xlsx.js is available in the browser environment, Node.js.
Exceljs.js is available in the browser environment, Node.js.
xlsx-populate.js is available in the browser environment, Node.js.
You can view a detailed comparison of the time-consuming and performance-resolving files in the browser development tool.

xlsx.js example

Version: v0.14.3
Github: https://github.com/SheetJS/js-xlsx
NPM: https://www.npmjs.com/package/xlsx
CDN: https://cdn.jsdelivr.net/npm/xlsx@0.14.3/dist/xlsx.full.min.js

Test Online SheetJS xlsx.js

Select an Excel file and you will see the content:

Usage:

// <input type="file" onchange="parseExcelFile1(this)">
function parseExcelFile1(inputElement) {
  var files = inputElement.files || [];
  if (!files.length) return;
  var file = files[0];

  console.time();
  var reader = new FileReader();
  reader.onloadend = function(event) {
    var arrayBuffer = reader.result;
    // debugger

    var options = { type: 'array' };
    var workbook = XLSX.read(arrayBuffer, options);
    console.timeEnd();

    var sheetName = workbook.SheetNames
    var sheet = workbook.Sheets[sheetName]
    result1.innerHTML = XLSX.utils.sheet_to_html(sheet)
  };
  reader.readAsArrayBuffer(file);
}

Related Topics

SheetJS xlsx.js start tutorial
Using SheetJS xlsx.js in a browser(tutorial)
javascript manipulate Excel xlsx spreadsheet library
js read and parse excel xlsx document in client-side(front-end) Browser
js preview excel xlsx Workbook spreadsheet in web Browser
js render excel xlsx in web page


exceljs example

Version: v1.13.0
Github: https://github.com/exceljs/exceljs
NPM: https://www.npmjs.com/package/exceljs
CDN: https://cdn.jsdelivr.net/npm/exceljs@1.13.0/dist/exceljs.min.js

Test Online exceljs.js

Select an Excel file and you will see the content:

Usage:

// <input type="file" onchange="parseExcelFile2(this)">
function parseExcelFile2(inputElement) {
  var files = inputElement.files || [];
  if (!files.length) return;
  var file = files[0];

  console.time();
  var reader = new FileReader();
  reader.onloadend = function(event) {
    var arrayBuffer = reader.result;
    // var buffer = Buffer.from(arrayBuffer)
    // debugger

    var workbook = new ExcelJS.Workbook();
    // workbook.xlsx.read(buffer)
    workbook.xlsx.load(arrayBuffer).then(function(workbook) {
      console.timeEnd();
      var result = ''
      workbook.worksheets.forEach(function (sheet) {
        sheet.eachRow(function (row, rowNumber) {
          result += row.values + ' | \n'
        })
      })
      result2.innerHTML = result
    });
  };
  reader.readAsArrayBuffer(file);
}

Related Topics

exceljs start tutorial
Using exceljs in a browser(tutorial)
javascript manipulate Excel xlsx spreadsheet library
js read and parse excel xlsx document in client-side(front-end) Browser
js preview excel xlsx Workbook spreadsheet in web Browser
js render excel xlsx in web page


xlsx-populate.js example

Version: v1.19.1
Github: https://github.com/dtjohnson/xlsx-populate
NPM: https://www.npmjs.com/package/xlsx-populate
CDN: https://cdn.jsdelivr.net/npm/xlsx-populate@1.19.1/browser/xlsx-populate.min.js

Test Online xlsx-populate.js

Select an Excel file and you will see the content:

Usage:

// <input type="file" onchange="parseExcelFile3(this)">
function parseExcelFile3(inputElement) {
  var files = inputElement.files || [];
  if (!files.length) return;
  var file = files[0];

  console.time();
  XlsxPopulate.fromDataAsync(file).then(function(workbook) {
    console.timeEnd();
    // debugger
    var sheet = workbook.sheet(0)
    var rows = sheet._rows
    var result = ''
    rows.forEach(function (row) {
      row._cells.forEach(function (cell) {
        result += cell.value() || ''
      })
      result += ' | \n'
    })

    result3.innerHTML = result
  });
}

Related Topics

xlsx-populate.js start tutorial
Using xlsx-populate.js in a browser(tutorial)
javascript manipulate Excel xlsx spreadsheet library
js read and parse excel xlsx document in client-side(front-end) Browser
js preview excel xlsx Workbook spreadsheet in web Browser
js render excel xlsx in web page


You can view a detailed comparison of the time-consuming and performance-resolving files in the browser development tool.


Javascript Excel(XLSX) libraries Demo