reacttable表头在左侧

如果你想要将 ReactTable 的表头放在左侧，可以使用 `pivotColumns` 和 `pivotDefs` 属性来完成。具体步骤如下：

1. 设置表格数据源和表头数据源

const data = [
  {
    name: "John",
    age: 30,
    gender: "Male",
    city: "New York"
  },
  {
    name: "Sarah",
    age: 25,
    gender: "Female",
    city: "San Francisco"
  },
  {
    name: "Tom",
    age: 40,
    gender: "Male",
    city: "Los Angeles"
  }
];

const columns = [
  {
    Header: "Name",
    accessor: "name"
  },
  {
    Header: "Age",
    accessor: "age"
  },
  {
    Header: "Gender",
    accessor: "gender"
  },
  {
    Header: "City",
    accessor: "city"
  }
];

2. 设置 `pivotColumns` 和 `pivotDefs` 属性

<ReactTable
  data={data}
  columns={columns}
  pivotColumns={["name"]}
  pivotDefs={[
    {
      aggregate: "first",
      Header: () => <div style={{ textAlign: "left" }}>Name</div>,
      accessor: "name"
    }
  ]}
/>

通过设置 `pivotColumns` 属性为 `["name"]`，将表格数据源按照 `name` 列进行分组，然后将 `pivotDefs` 属性设置为一个具有 `Header` 和 `accessor` 属性的数组，用于指定表头和表头数据源。其中，`Header` 属性可以使用自定义组件来设置表头样式，比如上面的例子中使用了一个 `div` 元素，并设置了 `textAlign: "left"` 属性来将表头靠左对齐。

这样，就可以将 ReactTable 的表头放在左侧了。