垂直显示的React-Table列标题

时间:2019-02-25 18:38:19

标签: reactjs react-table

我正在使用React-Table模块创建一个表。到目前为止,我有以下内容:

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

但是,我的列标题是这样垂直显示的:

时间

重量

我希望它们按预期水平显示。

1 个答案:

答案 0 :(得分:0)

根据documentation,每个列标题都是一个对象数组,因此,传递给它的每个对象都有一个水平显示的标题。在您的示例中,您仅传递了支持一个对象的列,请尝试使其更像文档示例中所示:

if (dist(other_car.x, other_car.y, main_car.pos.x, main_car.pos.y) < 40) {
  console.log("colliding");
}