Using multiple accessor properties

What version of React-Table are you using?

• 6.7.4

What bug are you experiencing, or what feature are you proposing?

Unable to have multiple accessors when rendering a column. Need a way where I can take in multiple properties, run a function check the length of the argument and render the UI accordingly.

What are the steps to reproduce the issue?

Data:

{
  name: "Sarah",
  prop1: {edges: [node:{id: 1}, node: {id: 2}]},
  groupProp1: {edges: [node:{id: 1}],
  groupProp2: {edges: [node:{id: 1}, node:{id: 2}]},
}

Render Columns:

const columns=[
  {
    Header: 'Name',
    accessor: 'name'
  },
  {
    Header: 'Prop1',
    accessor: 'prop1'
    Cell: props => <div>{renderFunc(props.value, arg)}</div>
  }
  {
    Header: 'Group Prop',
    accessor: ['groupProp1', 'groupProp2'] <<<<<< Need to access multiple properties
    Cell: props => <div>{renderFunc(props.value, arg)}</div> <<<<<< Pass in those properties
  }
]

What I need to do is access both groupProp1 and groupProp2 and pass that into my renderFunc to grab the edges.length and render elements accordingly. So far I haven’t found a way where you can pass in multiple properties in the accessor. Looking through the documentation I don’t see any examples of this

[yairEO]

Basically, as I understand it, the value in the accessor doesn’t even matter if the cell is to be filled with multiple values or different properties in the data… This is very weird.

Example:

const columns = [
    {
        Header   : 'Name',
        accessor : 'name' 
    },
    {
        Header   : 'Contacts',
        accessor : 'email', // <--- this can be any property of the data, doesn't even matter
        Cell     : props =>
            <Fragment>
                <span className='number'>{props.original.phone}</span>
                <span className='email'>{props.original.email}</span>
            </Fragment>
    }
];

[gary-menzel]

An accessor can be a function that gets the whole row. Cell gets more in the props than just the value (there is a row and original - which contain row information). Check the doco. Also please consider joining #react-table on Slack (badge at the top of the README in the doco) for these implementation type questions. Thanks.