javascript - Reactabular:如何改变一列的宽度？ CSS 文件在哪里？

Question

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

这是 Reactabular 存储库:https://github.com/bebraw/reactabular

这是演示:https://bebraw.github.io/reactabular/(有没有办法通过“inspect element”找到负责列宽和列高的CSS文件的名称？)

Answer 1

下面的代码是基于demo页面，假设你需要改变位置列的宽度，你可以使用nth-child来实现。

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

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

输出: