Scrollable Excel-like grid in HTML and JavaScript

  • Posted:
  • Proposals: 3
  • Remote
  • #401242
  • Awarded
Richard V.Mohamed A.Rob G. have already sent a proposal.
  • 0

Description

Experience Level: Intermediate
Estimated project duration: less than 1 week
I need a scrollable grid (like Excel) developed in HTML and JavaScript that would be touch-enabled and work in all major mobile devices (i.e. smart phones and tablets on Android, iOS and Windows)

See the attached PDF for details

Wireframe 1

The grid would have 3 areas:
- Column headers (in red)
- Row headers (in amber)
- Data area (in green)

All areas will be independently scrollable, by touching and dragging along the device screen. Scrolling of any of these areas may trigger a synchronized scrolling of other areas as follows (as described below). Only a part of each area will be visible to the user at any given time (e.g. greyed out area in not visible on the wireframe)

Wireframe 2a

- When the Data area is scrolled left and right, the Column header area would also be scrolling in a synchronized fashion.

Wireframe 2b

- When the Column header area is scrolled left and right, the Data area would also be scrolling in a synchronized fashion.

Wireframe 3a

- When the Data area is scrolled up and down, the Row header area would also be scrolling in a synchronized fashion.

Wireframe 3b

- When the Row header area is scrolled up and down, the Data area would also be scrolling in a synchronized fashion.

Wireframe 4

- When the Data header area is scrolled both up/down and left/right, the Column header and the Row header areas would also be scrolling in a synchronized fashion.

New Proposal

Create an account now and send a proposal now to get this project.

Sign up

Clarification Board Ask a Question

    There are no clarification messages.