I’m developing a mobile web app and need to create a spreadsheet-like workspace similar to Excel or Google Sheets. I’ve seen examples of this in desktop web apps (e.g., DataCamp), but I need a solution that works smoothly on mobile devices.

Requirements:

It should be responsive and optimized for mobile use.
The interface should allow users to interact with cells, enter data, and possibly use formulas.
Ideally, I’d like to implement this using JavaScript, HTML, and CSS.

Options I’ve Considered:

JavaScript Spreadsheet Libraries: I’ve looked into libraries like Handsontable and SpreadJS. They seem powerful and offer many features, but I’m concerned about their performance and usability on mobile devices. Has anyone had experience using these libraries for mobile apps? How well do they handle touch interactions?

Custom Implementation: I’m also considering building a custom solution using HTML tables or CSS Grid combined with JavaScript for interactivity. However, this would require a lot of effort to reach the same functionality as Excel-like grids.

Frameworks: I’m thinking about using a framework like Ionic with Angular or React to create a mobile-optimized interface. Is this a good approach, and how would I go about integrating a spreadsheet library into an Ionic project?

Embedding Existing Solutions: Embedding Google Sheets or Excel Online in an iframe could be an option, but I’m concerned about the limitations on mobile devices and the lack of customization.

Question:
What is the best way to simulate a spreadsheet-like workspace in a mobile web app? Are there any libraries or frameworks specifically suited for this purpose that handle mobile responsiveness and touch interactions well? Any advice or examples would be greatly appreciated!