javascript - Reactabular：如何仅更改一列的宽度？CSS文件在哪里？

Question

我正在使用 Reactabular 创建一个动态表。我在源代码中到处查看，但找不到负责控制列的高度和宽度的 CSS 文件。谁能帮帮我吗？

这是 Reactabular 回购：https ://github.com/bebraw/reactabular

这是演示：https ://bebraw.github.io/reactabular/ （有没有办法通过“检查元素”找到负责列宽和高的CSS文件的名称？）

Answer 1

下面的代码基于演示页面，假设您需要更改位置列的宽度，您可以使用 nth-child 来实现。

.pure-table td:nth-child(2) { width: 150px; }

通常，您将在 reactabular CSS 文件之后加载的文件中使用上述自定义 CSS。

输出：