Reactjs столы. Как объединить несколько значений в 1 ячейку? - PullRequest
Новая
       9

Reactjs столы. Как объединить несколько значений в 1 ячейку?

0 голосов
/ 27 июня 2018

Я использую response-table , но у меня есть 2 значения, которые я хочу объединить в одну ячейку. Кто-нибудь знает, как это сделать?

Скажем, у меня есть этот пример кода, сейчас у него есть "имя", которое объединяет имя и фамилию.

Что произойдет, если в моем БД он будет разделен по имени и фамилии. Как я могу присоединиться к ним вместе в интерфейсе (я знаю, что могу сделать это на уровне БД, но это только пример) 

import ReactTable from 'react-table'

render() {
  const data = [{
    name: 'Tanner Linsley',
    age: 26,
    friend: {
      name: 'Jason Maurer',
      age: 23,
    }
  },{
    ...
  }]

  const columns = [{
    Header: 'Name',
    accessor: 'name' // String-based value accessors!
  }, {
    Header: 'Age',
    accessor: 'age',
    Cell: props => <span className='number'>{props.value}</span> // Custom cell components!
  }, {
    id: 'friendName', // Required because our accessor is not a string
    Header: 'Friend Name',
    accessor: d => d.friend.name // Custom value accessors!
  }, {
    Header: props => <span>Friend Age</span>, // Custom header components!
    accessor: 'friend.age'
  }]

  <ReactTable
    data={data}
    columns={columns}
  />
}

Ответы [ 2 ]

0 голосов
/ 20 февраля 2019

Если вы хотите отсортировать по одному из значений 

{
    Header: "Price",
    accessor : "unit_price", // matters for grouping and sorting
    Cell     : props => <span>
      {props.original.currency} {Numeral(props.original.unit_price).format('0,0.00')}
    </span>
  },
0 голосов
/ 27 июня 2018

будет ли это работать? 

const columns = [
  {
    Header: 'Full Name',
    accessor: d => `${d.firstName} ${d.lastName}`
  }
]
...