问题标签 [react-data-table-component]

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 投票
1 回答
380 浏览

javascript - 错误:元素类型无效,需要字符串(对于内置组件)或类/函数(对于复合元素)

我正在从 firebase 获取数据并尝试以表格格式显示所有数据。

我发现 ReactTable 是一种以列和行的形式打印所有检索到的数据的好方法,所以我选择这种方法以表格形式打印数据。但它无法打印列和行中的数据,而是显示以下错误:

错误:元素类型无效,需要字符串(对于内置组件)或类/函数(对于复合元素)

如果错误,请更正代码并尝试解决我的问题,因为我尝试了这么久的代码但仍然无法解决错误。

0 投票
3 回答
5143 浏览

reactjs - 在表中添加序列号列

我在我的应用程序中为表使用了一个名为 react-data-table-component 的库。一切都很顺利,但是我需要添加一个列,该列将在我的表中显示序列号。序列号始终从 1 开始到照片数组中的对象总数。

列数组中的单元格键仅将行作为参数,并且它具有当前对象,但我无法获取对象的索引。

我在数组的每个对象中都有 id 字段,但这不是我需要的顺序。我该如何解决这个问题?

0 投票
1 回答
748 浏览

reactjs - 输入后 react-data-table 的输入字段失去焦点

我使用react-data-table-component。如图所示,我有一个带有输入的动态列表。每次我尝试在一个字段中写文本时,它都会失去焦点,所以我无法写。我尝试了很多,包括放置自动对焦、向 div 和字段添加键。如果我使用简单变量(variantList)而不是字段值(values.variant_list),也会发生同样的事情。相同的代码适用于 reactstrap 表,如果我使用 html 表。我使用了这个库,因为我将添加可扩展的行。所以这是下面的代码。任何帮助将不胜感激。

截图于 5 月 09 日 06-03-10

0 投票
1 回答
933 浏览

javascript - react-data-table-component 中标题旁边的 div

我正在试验 React 和 react-data-table-component。我已经建立了一个这样的测试表:

我注意到在表格中标题 div 的右侧生成了一个 div。它只分配了一些奇怪的类。是否可以在此 div 中输入具有某些属性的数据到 DataTable?

在此处输入图像描述

我已经尝试了 subHeader 属性,但它将新文本放在标题下,使表格略高,这是不可取的。

在此处输入图像描述

0 投票
0 回答
632 浏览

reactjs - 在 React 数据表的列标题上附加顺风类

我计划将我的 Tailwind CSS 样式作为自定义样式集成到 jbetancur React 数据表(请参阅https://github.com/jbetancur/react-data-table-component)。

我想将 TW 类放在customStylesDatatable 的属性中,这样我就可以将自定义样式放到它的表头中,但我无法让它工作。到目前为止,这只接受样式对象。

0 投票
1 回答
2443 浏览

reactjs - 如何使用 react-data-table-component 实现多列排序

我正在使用一个名为 react-data-table-component 的反应组件:https ://github.com/jbetancur/react-data-table-component 。该组件非常好,功能丰富,到目前为止我很喜欢它。但是,客户请求了一项新功能,他们可以一次对多个列进行排序(主要、次要、三次排序等)。我在文档中没有看到任何提及此功能的内容。每列都有自定义排序函数的能力,我希望有人知道如何混合使用自定义排序函数以及可能巧妙地使用状态来实现多列排序。谁能帮我指出正确的方向?

0 投票
1 回答
193 浏览

javascript - 是否可以防止在 ReactJS 中为单个组件实现 CSS?

我正在尝试为我的表使用外部包react-data-table-component。我想使用它的默认样式而不是materialize-css样式。两种风格融合在一起并引起干扰。有没有办法只使用一种样式?我使用的是功能组件而不是类组件。如果他们有任何解决方案,请根据功能组件提供。谢谢!

0 投票
0 回答
191 浏览

reactjs - react-bootstrap-typeahead 连接到表作为搜索输入

我正在尝试使用 react-bootstrap-typeahead 作为我的 react-data-table-component 的搜索输入,以便有一个自动建议选项。我的问题是如何将所选选项反映到我的 dataTable 中,这样它只会显示所选的特定项目(或分页)。另一个问题是我无法反映filteredItems作为预输入的选项

这是我的数据表:

0 投票
1 回答
219 浏览

javascript - React Js 处理列上的事件按钮以使用 onClick 获取行

嗨,我是一个新学习者,他试图找到如何在反应数据表中使用 oclick 按钮,下面是我的代码,在最后一行我添加了一个按钮来执行删除方法。

我的问题是如何使用数据表中的按钮访问 deletePenerbit 方法?我真的对这件事感到困惑,任何人都可以帮助我吗?谢谢

0 投票
1 回答
49 浏览

reactjs - 如何在课堂反应中从外部触发功能

这是我对反应数据表的列定义。在最后一列中,我试图从类外部触发btnClickedHandler函数。但现在它会抛出这样的错误-> [TypeError: undefined has no properties]。

这意味着这个关键字不起作用。因为它不在课堂上。我发现了那个问题。但我真的需要从课堂外部触发该功能。

抱歉语言问题。提前致谢!