javascript - ReactTable 是垂直排序元素

Question

我正在尝试在我的应用程序中使用“react-table”库。我不确定我做错了什么，但表格中的所有元素都垂直显示在左侧，而不是网格中。这发生在我的应用程序中，所以我尝试创建一个新应用程序来显示此表。

我逐字复制了这个示例：这里唯一的区别是我硬编码了两条记录的数据。

这是页面显示的内容：

Name
Info
Stats
First Name
Last Name
Age
Status
Visits
Bret
Till
33
spoken for
4

是否有一些 CSS 问题导致内联或其他问题？我是新手，对 CSS 的反应更糟。我确实记得添加此导入：

import "react-table/react-table.css";

这是一个说明问题的最小存储库：

反应表最小回购

Answer 1

编辑-1

您的项目的问题是设置modules: true，如果您评论该项目有效

require.resolve('style-loader'),
{
  loader: require.resolve('css-loader'),
  options: {
    importLoaders: 1,
    // modules: true,
    localIdentName: '[name]__[local]__[hash:base64:5]'
  },
},

有关详细信息，请参阅下面的问题

https://github.com/ant-design/babel-plugin-import/issues/166

原始答案

问题是因为您在弹出项目后搞砸了。我创建了一个新项目

react-create-app reacttable2

并且复制了您的 src 文件夹，一切正常