问题标签 [griddle]

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 投票
0 回答
141 浏览

javascript - 我尝试使用 Griddle

尝试使用 Griddle 但它显示“未找到结果”

我尝试更改为使用 bootstrap-react-table 和 html 表,它工作得
非常好我错过了代码中的某些内容吗?请提出建议...或代码示例...

0 投票
1 回答
205 浏览

reactjs - 带有结果属性的烤盘不起作用

https://griddlegriddle.github.io/v0-docs/quickstart.html

我只是按照上面的例子

在渲染函数返回

显示“未找到结果”。文本。

在使用数据属性表时,但分页不起作用。

0 投票
1 回答
175 浏览

reactjs - 是否可以根据网格中的月份对表格列进行排序

我有一个像这样返回的时间戳:

2017 年 6 月 30 日星期五 09:57:18 GMT+0100 (BST)

我将其格式化为:Jun 30, Fri 2017 09:57

当它在 Griddle 中排序时,它按字母顺序排序(四月,八月,十二月,二月,一月,七月,六月,三月,五月,十一月,十月,九月),但我真的想让它们按月份排序.

元列中的 sortType: 'date' 不起作用。

有没有办法使用某种索引表,例如:

allMonths = ['Jan' , 'Feb', 'Mar', 'Apr', 'May',...., 'Dec']哪里可以帮助对它们进行分类?

0 投票
0 回答
261 浏览

javascript - 10,000 行的 React Griddle 渲染延迟很高

我们在我们的应用程序和Griddle库中使用 React 框架来创建具有 10,000 行的表格网格。我们的应用程序大量使用网格中呈现的所有数据的搜索、排序功能。

我们面临的问题是浏览器花费大量时间来创建这些子行组件并渲染它们。平均 1 行大约需要 1 毫秒。有 10,000 行,它转换为 10 秒,这是巨大的。

理想情况下,我们希望以某种方式调整只渲染一小部分数据,比如假设 50 行,然后在用户滚动时动态渲染下一组数据。然而搜索;排序功能应该适用于所有数据。

  1. Griddle 是最适合的,还是有一些其他库可以用于当前架构的延迟加载。
  2. 关于如何实现这一点的其他解决方案,例如服务器端排序、搜索,然后仅将一小部分数据返回到前端。然后在用户滚动事件上获取下一组分页数据。
0 投票
1 回答
599 浏览

reactjs - React Griddle 数据表

我想隐藏过滤器输入搜索字段设置按钮。我尝试了下面的代码,但搜索字段和设置按钮仍然可见。

0 投票
1 回答
183 浏览

reactjs - Griddle_React 默认 css

我正在使用 griddle-react 并且默认样式 css 有问题,即“griddle-cell”或“griddle-row”。我在哪里可以找到/安装相应的 css ?还是我应该创造自己?

0 投票
0 回答
58 浏览

javascript - customHeaderComponent 未呈现

干锅版=^0.2.13

预期行为

我正在使用 customHeaderComponent 在我正在显示的表格上呈现列明智的过滤器,但是当我运行代码过滤器时没有得到呈现。

很长时间以来,我一直坚持这一点。此版本中是否不提供此 customHeaderComponent 功能?如果是,实现列级过滤的方法是什么

0 投票
1 回答
79 浏览

reactjs - customFilterComponent 中的 Griddle v1.9 输入框失去焦点

我遇到了以下问题:每次我searchString在我的 redux 存储中更新时CustomFilterConnectedComponent,我传递给Griddle的 都会失去焦点,我不明白为什么会发生这种情况。

这是我基于文档的代码:

哑组件:

智能组件:

用法:

这是github上问题的链接。

0 投票
1 回答
491 浏览

reactjs - 如何渲染具有 colspan 列的 Griddle 组件

我需要渲染一个表格,其中每个备用行都有一个跨越所有列的行。类似于下面的html,

Griddle 文档没有提到任何关于 colspan 的内容,但这里有一个自定义列的示例。

虽然我colspan在 Griddle 实现中找到了一个道具,但它有一条评论说它是未使用的。 https://github.com/GriddleGriddle/Griddle/blob/c1ce9939f9a93ad9942a63cfd7efc544056ea829/src/module.d.ts#L77

无论如何要使用 Griddle 来实现它,还是我需要创建自己的表格组件?

0 投票
2 回答
65 浏览

javascript - 未找到 griddle-react API

提前致谢。我接手了一个旧项目,必须解决一些问题。它使用的是griddle-react,代码如下:

但是当我查看官方文档时,我没有发现关于columnMetadata,columns

我检查了 package.json 文件:

我去错地方了吗?还是版本 0.6 已被弃用?我在哪里可以找到版本 0.6 API 文档?