8得票5回答
如何在react-table中修复分页重置问题?

我正在开发一个功能,需要在使用 react-table 组件的外部应用筛选器,但是在应用筛选器后,当前页码没有重置。采用服务器端分页获取结果时,显示的是第一页的数据。 我尝试使用 onFetchData 回调来更改当前页码,但是当在组件外部应用筛选器时,它并不会被触发。 render() ...

7得票3回答
在React表格中动态更新记录数量计数

我是React JS的初学者,正在使用React-tables。 我该如何显示表格中可用记录的总数,并在筛选时更新计数? 我尝试添加数组长度--总记录数:{this.props.data.length}。但是每次筛选表格数据后我的数组长度都没有被重新渲染。即使我筛选了表格数据,数组长度仍保...

7得票2回答
如何在 React Table 7 中自定义列

我想在其中一列中添加一个按钮,这样当我点击它时,我可以得到包含该按钮的行的详细信息。目前我的表格中没有按钮,我不知道如何放置一个按钮。另外,我想知道如何在单元格中添加自定义标签。我想在单元格中添加两个标签,即标题标签和紧随其后的段落标签,但它们必须在同一个单元格中。 const lo...

13得票6回答
如何在React中通过点击行获取表格行数据

嗨,我正在尝试设置我的React应用程序,以便当您单击react-table中行项目中的按钮时,该行中的数据将传递到另一个组件。目前,我仅尝试console.log正确的数据,但不确定如何根据单击传递react-table行数据。我该怎么做呢? 谢谢 我的虚拟数据存储在状态中,并且与按钮(显...

7得票1回答
如何在React-Table中清除所有过滤器

我正在使用 react-table v7 (https://www.npmjs.com/package/react-table) ,我已经能够过滤数据(参考自 https://codesandbox.io/s/github/tannerlinsley/react-table/tree/mast...

24得票5回答
如何在React表格中使某些列左对齐,某些列居中?- React

大家好,Stack Overflow会员们 这是列标题的数组。 我想将第1列到第5列左对齐(第1列到第5列的所有标题、子标题和表格数据单元格都左对齐),而我希望第6列到第8列居中对齐(第6列到第8列的所有标题、子标题和表格数据单元格都居中对齐)。 请帮我解决这个问题,因为我只能使所有列居中或...

16得票3回答
如何更改ReactTable中列的CSS

我在我的应用程序中使用react-table。 我遇到了一个问题,即在调整列宽度时更改CSS的columns。目前,当你调整列时,只有光标会发生变化。我想要的是在选定的列中添加边框。 我在SO和Google上搜索过,但没有找到有用的信息。在文档中也没有提到这个主题。 更新 现在我能够在...

8得票2回答
类型错误:Object(...)不是React Table和moment.js的函数

我正在使用 React Table 模块,并尝试利用 moment 来显示从传递给 ReactTable 组件的数据中的 created_at 字段更好的日期格式。 let columns = [{ id: "createdAt", Header: "Created", acce...

7得票2回答
React表格v8 - 如何渲染自定义单元格内容?

我正在使用@tanstack/react-table v8,想在我的表格行中的一个单元格中添加一些图标和按钮。根据文档,我可以使用显示列来实现这一点: 显示列没有数据模型,这意味着它们不能排序、过滤等,但可以用于在表格中显示任意内容,例如:行操作按钮、复选框、展开器等。 文档还提到了关于自...

33得票4回答
如何在 useEffect 钩子中防止内存泄漏的 React

我正在使用Effect Hook从服务器获取数据,并将这些数据传递给React表格,我在那里使用了相同的API调用来加载下一组数据。当应用程序加载时,我收到以下警告: Warning: Can't perform a React state update on an unmounted co...