问题标签 [fixed-data-table]

我在我的反应应用程序中使用固定数据表。我是这个概念固定数据表的新手。面对在 cellRenderer 中调用函数的问题会触发一个事件。因为我正在通过 onClick 触发一个函数事件，但我收到一个错误Uncaught TypeError: r.openDeletePopUp is not a function帮我解决这个问题。这是我的代码，请看一下

提前致谢

我正在学习fixed-data-table-2并尝试将宽度传递100%给它。

这有效（至少在 Chrome 中），并且表格确实延伸到整个页面宽度，但可以预见的是控制台充满了错误：

我明白那个

FixedDataTable 不提供布局回流机制，也不计算单元格内容的宽度和高度等内容布局信息。

那么将其拉伸到整个容器宽度的正确方法是什么？

http://schrodinger.github.io/fixed-data-table-2/example-styling.html

在此 dataTable 演示页面上显示的表格中：

1 - 尝试1px black solid在元素上添加边框底部.public_fixedDataTableRow_main（它基本上是表格的一行）；您将能够看到边界。

2 - 现在设置border-width ，0.99px即不显示边框。.99px black solid

而这只发生在 IE 中！在 Chrome、Safari 和 Edge 中运行良好。

PS在调试时，我达到了transform从el中删除CSS属性.fixedDataTableCellGroupLayout_cellGroup（行元素本身的子元素）使边框出现（.99px）在该单元格底部的地步。

编辑：当使用border-width .99px 时，边框就在那里，它只是显示在div 的子项下（即使给出了overflow:hidden和）。box-sizing:border-box现在，一旦它被制作1px出来，它就会识别出溢出的孩子并隐藏它的大部分，这样边框就可以看到了。

我是新来的反应，并且在从 json 对象重新生成的反应中对数据表进行排序时遇到问题。我已经正确渲染了数据表，但是当我尝试在单元格组件上使用 onClick 对数据表进行排序时，错误显示“./src/App.js 第 34 行：'tableData' is not defined no-undef”。

请指出我正在犯的错误。源代码是：

我有一个按 API 响应顺序呈现的固定数据表。我想通过单击标题对表格进行排序，主要是按升序和降序排列的“id”

除了文档中给出的示例之外，是否有一种简单的方法来实现它

我一直试图让这个工作一段时间，但我一直没有想出任何东西。fixed-data-table-2 具有用于行 css 的内置功能，但最终被单个单元 css 和包装器覆盖。我一直在做这方面的研究，但我无法提出解决方案。任何帮助将非常感激。

这是我当前的代码，请告诉我需要更改的内容！

下面是我当前的 css

我一直在尝试使用我发现的一些建议

但它似乎没有工作或做任何事情。我不确定现在如何准确加载它。我导出组件的方式是

我正在使用固定数据表 2 来呈现 JSON 对象。当我单击行上的按钮时，我想向表的行添加内联编辑。

我已经浏览了链接上的文档：

http://schrodinger.github.io/fixed-data-table-2/

但是，我无法在固定数据表中找到创建内联编辑的文档。

我想在固定数据表组件的单元格中实现工具提示内容click和事件。我使用react-tippy作为工具提示，并带有创建下拉菜单的选项。我可以显示工具提示，但我无法为工具提示内的内容添加其他事件。hoverhtml

onMouseEnter并且ActionCell.jsx中的onClick事件不会被触发。.actions-list__item

react-tippy-data-table.firebaseapp.com

我无法在 jsfiddle 中运行 react-tippy，所以我将示例项目部署到了​​ firebase。

表.jsx

ActionCell.jsx

我在 fixed-data-table-2 组件中使用扩展行。我在内表上有 3 个级别：

如果我单击内表（第二个嵌套级别）中的折叠单元格，行不会展开并且最后一个嵌套表不会呈现。它发生在第一次单击父行后，但在第二次单击后呈现表格。

更奇怪的是，如果 a）我单击第二个表的前三行或 b）如果我在主（第一个）表中展开第一行，则不会发生这种行为

如果扩展主表的第一行以外的第二个表的最后一行，则会发生这种情况。

您可以在此记录和此记录中看到此行为。

密码箱

CollapseCell.jsx

测试会议.jsx

SecondInnerTable.jsx

第三内表.jsx

我正在尝试按照https://github.com/schrodinger/fixed-data-table-2/blob/master/examples/ResizeExample.js的教程来熟悉 React 和 fixed-data-table-2 包.

我遇到了一个奇怪的错误，即当我调整列的大小以便需要水平滚动条时，滚动条的大小不会与表格宽度成比例。相反，它允许用户滚动过去所有列标题。

重新创建错误的一系列步骤是：

1. 点击页面
2. 调整公司列大小并查看滚动条是否可见
3. 开始滚动
4. 继续滚动浏览我的所有专栏

我想知道我是否错过了表格组件的配置？

屏幕截图： INTIAL_TABLE START_SCROLLING