Заголовки столбцов React-таблицы отображаются вертикально - PullRequest
Новая
       12

Заголовки столбцов React-таблицы отображаются вертикально

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

Я использую модуль React-Table для создания таблицы.Пока у меня есть следующее: 

<div>
    <ReactTable
    columns={[{columns :
        [{
          Header: "Time",
          accessor: "time", //name of field in table
        },
        {
          Header: "Weight",
          accessor: "weight",
        }
      ]}]}
    />
</div>

Однако заголовки моих столбцов отображаются вертикально так:

Время

Вес

Я бы хотелих отображать горизонтально, как и ожидалось.

1 Ответ

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

Согласно документации каждый заголовок столбца является массивом объектов, поэтому каждый передаваемый ему объект будет иметь заголовок, который отображается горизонтально.В вашем примере вы пропускаете столбцы только для одного объекта, попробуйте расположить его как в документации: 

 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!
        a

ccessor: 'friend.age'
  }]
...