如何使用Blueprint在React中呈现表

Question

我尝试使用React和Blueprint UI工具包呈现一个非常简单的表。

相对于$animateCss组件的documentation非常简单，但似乎我的代码无效。

Table

下图显示了我得到的内容。我该如何解决？

Answer 1

您是否在网页上添加了blueprint.css和blueprint-table.css？没有样式表，表格无法正确呈现！

Answer 2

我必须在我的css文件中包含此行（使用create-react-app的webpack设置）：

@import '~@blueprintjs/table/dist/table.css';

Answer 3

对我来说，

yarn add @blueprintjs/core @blueprintjs/table

然后使用反应组件文件的相对路径

import { Cell, Column, Table } from '@blueprintjs/table'

import '../../node_modules/@blueprintjs/table/lib/css/table.css'

Answer 4

导入＆＃39; @ blueprintjs / core / dist / blueprint.css＆＃39;