问题标签 [react-table]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
3376 浏览

javascript - ReactTable - 使用 REST API 调用反应组件

您能否建议我如何更新网格中的数据。我正在更新服务器请求的数据。如何重新渲染数据表?在渲染部分,我使用了 react Table 组件。你能建议我使用这个反应表组件的实际方法吗>

  • 拉贾
0 投票
1 回答
922 浏览

javascript - React BootstrapTable如何为firebase数据动态创建行

大家好,我正在制作网络应用程序,我正在构建表格,这里是它的代码:

然后在我的index.js文件中,我使用它从 firebase 获取数据并将其放入表中

这是我将数据传递到表的方式:

它显示数据..但仅在一行中。当我调试它时,只有一行出现第一个用户名,然后它消失,第二个用户名出现,就像那样,最后它显示最后一个用户名,这一切都发生在“名称”列中的一个单元格中“,我该如何解决?

0 投票
1 回答
2207 浏览

javascript - React-table:使用复选框将访问器值保存在状态中

我正在尝试将 react-table 用作复选框表。The first column will be the checkboxes, when a checkbox gets selected i want to save the id that was defined in the accessor in the state.

我一直在看这些例子,并通过官方文档,到目前为止没有太多运气。

到目前为止我的代码:

我还希望当时只能选中一个复选框。我看到人们用单选按钮解决了这个问题,但是当我更改为时,type="checkbox"type="radio"仍然可以选择多个项目。

谁能帮助我克服这个问题并解释我在状态中保存访问器值的最佳方法是什么?

提前致谢 :)

0 投票
1 回答
944 浏览

javascript - React Native Table 动态打印或 React Native 中的重复元素打印

  • 你好。开发人员我正在做这样的条件,我想要 head1 和 tableData value1 但我在某个地方出错了所以输出没有出现请帮助我在哪里出错

我的代码:

预期的o / p:

  1. 这意味着标题相同,但列数据在此处更改 tabledata 两个数组,所以我想用一列制作一个标题,因为在我的真实移动应用程序中大量数据我想为每个具有相同标题的数据制作动态表。
0 投票
3 回答
1426 浏览

reactjs - 向作为道具传递的组件添加额外的道具

我在 react-redux 应用程序中使用React TableReact Custom Scrollbars 。要连接这两者,我需要覆盖 React 表中的 TbodyComponent ,这样我就可以用滚动条包装默认的 tbodycomponent 并传递额外的道具来调整渲染。这是一些精简的代码:

我猜我不理解在 TbodyComponent 属性、props.children 或类似的东西中传递组件的正确方法。这种方法最终会永远循环下去。

在这个例子中,我怎样才能让 autoHeight 道具通过?

更新:用 createElement 和 cloneElement 进行试验,仍然收到 130 错误。

0 投票
1 回答
541 浏览

javascript - ReactTable 是垂直排序元素

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

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

这是页面显示的内容:

是否有一些 CSS 问题导致内联或其他问题?我是新手,对 CSS 的反应更糟。我确实记得添加此导入:

这是一个说明问题的最小存储库:

反应表最小回购

0 投票
1 回答
9024 浏览

node.js - Reload react-table on event

I'm using React as a display tool for my data, coupled with the framework react-table to list my data.

I have a field to create a new object in my data base but I can't reload the table without leaving my view.

My question, how to reuse the function to load the data? (source code)

Thank you for reading

0 投票
1 回答
2372 浏览

javascript - 在 react-table 中设置 selectTable 标头的样式

使用 react-table 组件中的 selectTable 选项,我们已经弄清楚了如何使用我们正在生成的 headerStyle 设置每个标题列的样式,但无法弄清楚如何设置包含切换复选框。

似乎无法在文档中找到任何表明如何执行此操作的内容。

0 投票
0 回答
37 浏览

react-native - 当我尝试将数据呈现到表中时,它会抛出 null is not object in React Native

这是 Json 响应数据

当我尝试将此数组映射到它抛出的行时,Null 不是对象错误。你能建议这个问题的解决方案吗

0 投票
1 回答
819 浏览

javascript - 添加表格行时反应“this”未定义

我正在尝试将新的数据行添加到当用户在字段中输入文本并单击按钮时发生的表中。按钮单击与一个函数 (AddNewRow) 相关联,该函数将数据发送到控制器,然后将新行添加到包含数据的表中。

数据正确发送到控制器,如果刷新页面,则显示新行(因为挂载后的 get 请求),但问题是表没有动态更新。

我在 AddNewRow 函数中不断收到控制台错误消息“这是未定义的”。我试图通过使用两者来将“this”绑定到构造函数'.bind(this)'AddNewRow() => {}但它仍然没有绑定?