react-table不显示列值或标题

时间:2019-10-20 21:04:54

标签: react-table

我具有为react-table定义的属性,例如:

<ReactTable
  data={theaters}
  pageSizeOptions={[20, 30, 50, 100, 200, 500]}
  columns={[
    {
      Header: "Id",
      columns: [
        {
          Header: 'Theater Id',
          accessor: 'theaterId',
          width: 100,
          className: 'frozen'
        }
      ]
    },
    {
      Header: "Location",
      columns: [
        {
          Header: "Address",
          columns: [
            {
              Header: "Street1",
              accessor: 'location.address.street1',
            },
            {
              Header: "Street2",
              accessor: 'location.address.street2',
            },
            {
              Header: "City",
              accessor: 'location.address.city',
            },
            {
              Header: "State",
              accessor: 'location.address.state',
            },
            {
              Header: "Zip",
              accessor: 'location.address.zipcode',
            }
          ]
        },
        {
          Header: 'Coordinates',
          columns: [
            {
              Header: 'Latitude',
              accessor: 'location.geo.coordinates[0]',
              minWidth: 50
            },
            {
              Header: 'Longitude',
              accessor: 'location.geo.coordinates[1]',
              minWidth: 50
            }
          ]
        }
      ]
    }
  ]}
  defaultPageSize={20}
  className="-striped -highlight"

/>

但是由于某些原因,没有显示“位置地址”和“位置地理位置”的标题。我只希望看到三行标题,却只看到两行。例如,在“地址我”下,应该看到Street1,Street2,City,State和Zip的其他标题。在“地理位置”下,我期望有更多的纬度和经度标头。我也没有看到相应的单元格值。我在reander方法中设置了一个断点,数据就在那里。我只是看不到。我检查了所有访问器,据我了解,它们看起来不错。我现在不了解ReactTable的一些限制吗?我很有可能通过了不正确的道具。

如果这是我应该直接与作者联系的问题,我将很乐意这样做。我只是不知道如何联系他们。我也看到了其他有关反应表的问题,所以希望这是正确的地方。

0 个答案:

没有答案