ReactTable是垂直排序元素

Question

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

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

这是页面显示的内容：

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

是否存在一些内联或其他内容的CSS问题？我是新的反应，甚至更糟糕的CSS。我确实记得添加这个导入：

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

这是一个说明问题的最小回购：

react-table-minimal-repo

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文件夹，一切正常