X Spreadsheet (Excel / XLSX Viewer and Editor)

Content Type: Widget
Categories: Utility,User Interface,Data

Overview

View and edit your excel files. Pluggable widget based on the x-spreadsheet library that allows you to visualize and edit your excel data directly from your Mendix web app. Current features include:

  • Cell formulas.
  • Edit vs. view-only mode.
  • A toolbar to customize data.
  • Possibility to export/download file.
  • Multiple sheets. 

 

The widget is based on this library.

 

Demo project:

Documentation

Demo urlhttps://x-spreadsheet-demo-sandbox.mxapps.io

Data Spreadsheet Mendix Pluggable Widget

A Mendix widget to view and edit excel files / spreadsheets based on https://github.com/myliang/x-spreadsheet.

Mendix Pluggable Widget Data Spreadsheet Logo

Features

View and edit your excel files. Pluggable widget based on the x-data-spreadsheet library that allows you to visualize and edit your excel data directly from your Mendix web app. Current features include:

  • View / Edit mode;

  • Multiple sheets;

  • Cell formulas available;

  • Custom toolbar;

  • Possibility to show download and/or save button(s);

  • Possibility to add an After Save activity, such as a nanoflow to show a success message;

  • Export settings fully customizable;

  • Customize css. The spreadsheet is wrapped by the id below:

    • #gridctr

Usage

  1. Add a dataview that fetches the .xlsx file you wish to display/edit.
  2. Inside the dataview, add the x-spreadsheet widget.
  3. Custumize it. Make it editable/view-only; Decide if you want to show the Save/Download button. Define a width margin if needed.
  4. In case you want to export (save/download), define the export options.

General Settings

Usage in Mendix Studio Pro (General)

Export Settings

Usage in Mendix Studio Pro (Export Settings)

Demo project

Issues, suggestions and feature requests

  • ⚠️ Performance is a problem when handling large files. In part, this is a limitation of the SheetJs free version. The Pro version might be a solution.

  • ⚠️ Strange behaviour with the spreadsheet's horizontal scrollbar when using Mozilla Firefox. This seems unrelated to this widget's logic as per this Stack Overflow post.

  • ⚠️ This widget contains some limitations, namely, the converstion method ignores the styles - "The underlying grid component includes many additional features that work with SheetJS Pro." - Reference Documentation.

  • 🙌 Feel free to suggest us new features or report bugs.

Releases

Version: 1.0.1
Framework Version: 9.24.31
Release Notes: **Full Changelog**: https://github.com/joaodelopes/data-spreadsheet-mendix/compare/spreadsheet-mendix-v1-4/3/25...xpreadsheet-mendix-V1-0-1-20/08
Version: 1.0.0
Framework Version: 9.24.31
Release Notes: Initial release. Mendix pluggable widget to view and edit excel/xlsx files.