Html & JavaScript grid component

This project received 12 bids from talented freelancers with an average bid price of $17 USD / hour.

Get free quotes for a project like this
Employer working
Skills Required
Project Budget
$15 - $25 USD / hour
Total Bids
Project Description

We are looking for HTML & Javascript developer to build us a client side grid component with the features listed below.
We assume that you take one of the available grids and customize it according to the requirements
Some css work could be involved but not neccessarily.

For information - the backend of our system is implemented with [url removed, login to view] MVC

The data will be sent as a JavaScript array of objects containing cell value, formatting options and any additional info required for the cell.

Grid requirements

cell formatting
custom html style string may be supplied, including bold, italic, underline, align, font size

column resize
callback on resize, the new size will be persisted and used next time

horizontal cell merging
Based on server rules the system may merge some cells, this information will be supplied with cell data.
ideally if it would be possible to do visual merge/unmerge
a solution needed on editing merged cells, because they must be edited separately
some cells cannot be merged
note: a solution needed for dragging columns with merged cells

column dragging
some columns must always stay in a fixed position
movable columns must be moved only within specific range

row dragging
some rows cannot be moved

inserting rows
there must be a possiblity to dynamicall insert a row into specific position

deleting rows

inline cell edit
just a simple textbox or dropdown would be sufficient

custom editors
for complex edit operations we must be able to use custom editors

each operation must have a callback function to validate and submit data
each change operation may result in refreshing a part or the whole grid

cell highlighting
some cells are an aggregated of other cells, selecting such cells will highlight depended cells

editing of aggregated cells
editing such cells will turn depended cells into checkboxes where you can check/uncheck cells required

some cells require a tooltip
standard browser tooltip does not suit, so we need to integrate something like
[url removed, login to view]
[url removed, login to view]

Thats it for now, any questions and details can be discussed personally.

Please reply with approximately cost and delivery time.
Also we expect that you already done similar tasks and have working demos and code examples.

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online