Try now

Data binding

Bind an array of arrays or an array of objects, map a column to any property, and reach nested ones by path.

Read the docs

3 stepsWatch it once, then it is yours: click into the grid at any point to take over.

Select a row and edit it: the bound object shows that row as your array now holds it.

Skip past the grid
Skip back before the grid
The bound object
employees[0] = {
  "id": "E00001",
  "name": {
    "first": "Zoe",
    "last": "Walsh"
  },
  "team": {
    "department": "Sales",
    "city": "London"
  },
  "salary": 75500
}

Make every data point count. Turn millions of them into actionable wisdom.

Let’s make it easier.
Smoother. Faster. All Handsontable.

Try now