Scrollable Excel-like grid in HTML and JavaScript
- or -
Post a project like this3731
£50(approx. $63)
- Posted:
- Proposals: 3
- Remote
- #401242
- Awarded
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.
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.
Slava V.
98% (8)Projects Completed
11
Freelancers worked with
11
Projects awarded
55%
Last project
17 Jan 2018
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies