问题标签 [react-table]

我正在将项目中的许多表格从使用 bootstrap 4 样式的简单 HTML 表格迁移到更复杂的解决方案，例如react-tableor提供的解决方案react-bootstrap-table。

问题是，从我在这个组件中看到的内容来看，如果你想自定义一行的内容，比如说，为每一行指定一个“详细信息”按钮，你必须通过一个 Column 组件来完成（使用单元格参考）。

反应引导表： https ://allenfang.github.io/react-bootstrap-table/example.html#column-format

反应表： https ://github.com/react-tools/react-table#custom-cell-header-and-footer-rendering

我想知道的是是否可以创建一个组件来集中呈现整行（例如<TableRow />）？

如果这是可能的，迁移将容易得多。

我也在询问这两个库，因为我发现它们都易于使用、非常成熟并且具有我在表格组件中寻找的功能。因此，如果其中一个有我需要的东西，我肯定会选择那个库而不是另一个。

从react-table的文档中可以看出：

我们认为默认样式看起来很棒！但是，如果您更喜欢自定义外观，所有包含的样式都可以轻松覆盖。每个单独的组件都包含一个独特的类，这使得它超级容易定制。去吧！

我尝试覆盖一个类名，.ReactTable .-pagination .-pageSizeOptions如下所示：

但是没有效果吗？但是如果我在检查元素上这样做，它正在工作，我在根 index.js 上导入我的覆盖，在文件上尝试它，没有效果。

帮助？

当我在 Cell 属性中使用 Select 时遇到问题，我尝试了此代码。在 console.log 循环工作并在 val 中有值但没有渲染选项可供选择

然后我尝试了。它 。循环工作（在 console.log 中尝试）但未定义显示 val

指定中的示例数据

有没有办法自定义 react-table 的页脚部分中的文本？

我正在尝试在那里自定义默认文本。提前致谢。

我不知道该怎么说这个。我正在学习 React，我通过 fetch 将数据加载到 React-Table 中。我尝试使用 React-Table 和自定义普通 div 和表格。

我想从 A、B、C、D ... Z 创建一个字母表的触摸按钮。这些按钮应该为按钮中的字母调用过滤器。因此，例如，按钮如下。

// 我有一个类目录扩展组件，其中包含底部菜单

// 我还有一个带有 React 表的 DataGrid.js

在这一点上，我不确定该怎么做才能让 A、B、C 字母之一的按钮单击来过滤 React 表。我不想要始终使用的输入字段选项，因为我只想要按钮，因为用户没有键盘，只有触摸。

基本上，React Table 或任何可以通过单击带有传递回过滤器的字母的按钮来过滤的表。如果我使用的是 JQuery，我会使用按钮单击，然后以这种方式过滤。我仍然没有了解 React 的所有细节以及如何完成这项工作。我也想使用外部按钮进行排序，但这应该更容易，希望如此。

谢谢。抱歉，如果所有这些都没有意义，我只是想把它摆出来。同样，没有键盘，只在触摸屏上触摸，所以输入字段对我不起作用。

让我们从一个例子开始： https ://codesandbox.io/s/ym96l09x3j

如您所见，最后一列正在渲染一个 DateTime 组件。但是，单击输入不会显示日期选择器。

那是因为.ReactTable .rt-td该类应用了“溢出：隐藏”样式。

我已经搜索了一些解决方案并找到了这个：CSS：如何在一个位置中有位置：绝对 div：相对 div 不会被溢出裁剪：隐藏在容器上

他们基本上说如果祖父母有“溢出：隐藏”，我们需要将孩子的位置设置为绝对。应该正确显示具有绝对位置的孙子（在我们的例子中为 DatePicker）。

有没有人知道如何实现这一目标？

我是这个平台的新手，reactjs 输出有问题。

如果尝试使用 react-table 创建表，但出现以下错误：此错误表示，react 需要一个字符串，但我给了他们一个对象。但我不明白是哪个对象。

你知道为什么我得到这个错误以及我是如何修复这个错误的吗？

代码：

谢谢！问候， MCW

我正在使用react-table 包，它是表格。

在表格列道具中，我提交了对象，因为它的格式正确。

我想要做的是将此列值格式化为货币

即 10000.53 将是 10,000.53

即 1230000.123 将是 1,230,000.123

react-table是否让您有机会进行这种格式化？

我正在使用 带有 --highlight className 的react-table突出显示悬停的表格行。我想自定义突出显示行的 css，但我找不到正确的类，我需要覆盖所以这样做。有什么帮助吗？

我正在尝试一个名为react-table. 似乎适合我所追求的，因此试图利用在一些现有代码中找到的示例。

作为反应专家，我发现组件的导出方式与我的偏好不同。调整不同的方式，我继续得到错误。export default Admin;基本上，一直在玩 和 之间的切换render(<Admin/>, document.getElementById("root"));。我继续收到如下错误：

下面我将展示我index.js的Main.js、 和我在.Admin.js

我的 index.js：

主.js：

现在，我的 Admin.js：

因此，如果我删除了对这个“管理”组件的所有引用，我的应用程序运行良好，并且在我尝试使用/实现此表之前运行良好。