Get value of another column in an ant.design Table's column?

javascript arrays reactjs antd
adi picture adi · Jul 5, 2017 · Viewed 11k times · Source

In my react and ant.design based app, I've a table with the following columns.

const tableColumns = [{
      title : 'Lorem',
      dataIndex : 'lorem'
      render: text => <a href='#'> {text + ipsum} </a>
    }, {
      title : 'Ipsum',
      dataIndex : 'ipsum'
    }];

I want to use value for ipsum i.e. the second column for each row inside render function of the first column. What's the best recommended way in ant.design to fetch second column's value here?

Answer

Jesper We picture Jesper We · Jul 5, 2017

The second argument to the render function is the current record:

render: (text, row) => <a> {text + row.ipsum} </a>

https://ant.design/components/table/#Column

Related questions

Objects are not valid as a React child. If you meant to render a collection of children, use an array instead

I am setting up a React app with a Rails backend. I am getting the error "Objects are not valid as a React child (found: object with keys {id, name, info, created_at, updated_at}). If you meant to render …

Read More
Delete item from state array in react

The story is, I should be able to put Bob, Sally and Jack into a box. I can also remove either from the box. When removed, no slot is left. people = ["Bob", "Sally", "Jack"] I now need to remove, say, "…

Read More
How to merge two array of objects with reactjs?

I have a react-big-calendar, I want to fetch the events of this week from the backend and the other weeks from the local storage. My code is : componentDidMount() { fetch("url") .then(Response => Response.json()) .then(data => { let evts = …

Read More