#StackBounty: React-data-grid: create column that is based on another column

Bounty: 50

In react-data-grid how do I create a column that displays values from another column?

I have an array of objects that contain something like the following:

    id: 3,
    latitude: 42.101231231,
    longitude: -81.123132

My column definition is such:

    this.columns = [
            { key: 'id', name: 'ID' },
                //The coordinates key for this column doesn't exist
            { key: 'coordinates', name: 'Coordinates', formatter: coordinatesFormatter  }

The formatter:

const coordinatesFormatter = React.createClass({
  render() {
    return (
{latitude}, {longitude}
); } });

In the formatter how do I access the latitude and longitude properties on the row in order to concatenate them?

As far as I can tell the formatter only has access to the value of its cell, through this.props.value, with no way to access the whole object for the row.

Get this bounty!!!

Leave a Reply