问题标签 [tabulator]

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 回答
33 浏览

tabulator - 如何为呈现的页码设置持久性?

是否有任何设置来存储当前呈现的页码,例如 as persistentLayout:true

我创建了返回按钮,history.back();它总是返回到表格的第一页。

0 投票
2 回答
782 浏览

javascript - 如何更改由 tabulator.js 创建的表中的列标题?

我使用最新版本的 tabulator.js,我需要能够更改已经存在的表中的列标题。有任何想法吗?

谢谢!

0 投票
1 回答
149 浏览

tabulator - ReferenceError: $ 未定义 Version4

我正在使用第 4 版,我试图有一个按钮来添加一个空白行。

当我使用文档中的示例时。我收到错误消息:

ReferenceError: $ 未定义

根据我的阅读,他们都声明要添加 jQuery 参考。

如何在没有 jQuery 的版本 4 中创建按钮。

谢谢

0 投票
1 回答
345 浏览

tabulator - 制表符 - 可选择在另一列(布尔值)上选择资格,这也是可编辑的刻度交叉

我有一个表,其中使用基于另一列(布尔值)的选择资格,该资格列是可编辑的(tickcross)。这是这样设置的,如果此列值为“真”,则该行是可选的,当数据加载到制表器中时,它工作得很好。但是,当单击以切换刻度交叉时,列值会切换,但随后行确实反映了选择资格已相应更改的可选择性。如何确保在列值更改后,该行可以自动选择/不可选择?或者有没有我可以使用的解决方法?我尝试在我的方法中调用 redraw 方法,该方法在更改 tickcross 列值后不久切换 tickcross,但这不起作用。有任何想法吗?

0 投票
1 回答
2906 浏览

tabulator - 来自 URL 的 Tabulator JSON Ajax API 数据

我正在尝试配置一个制表器表以显示来自此 JSON url 的数据: https ://records.nhl.com/site/api/franchise-skater-records?cayenneExp=franchiseId=33

我的代码在下面,我试图让它在 JSON 文件中显示所有玩家的名字和助攻,非常感谢任何帮助!谢谢

HTML

JS

0 投票
1 回答
1353 浏览

tabulator - 制表符 - 字体大小更改时调整列标题大小

我正在使用Tabulator和默认的“fitData”函数来调整单元格的大小。当我 a) 设置默认字体大小和 b) 使用 rowFormatter 更改行字体大小时,这完全符合预期:

但是,当我想更改列标题的字体大小时,上述方法有效:

这会更改所有列的字体大小,但不会适当地调整列宽。是否有不同的类我应该分配字体?有没有办法以类似于 rowFormatter 的方式应用它?

0 投票
0 回答
239 浏览

javascript - 有没有办法在不滚动到顶部的情况下更新数据?

我正在使用制表符 4.0.5。

要更新我正在使用的数据table.updateOrAddData(data)。它工作正常,但有一个副作用 - 这种方法滚动到整个表格的顶部。

我无法使用table.replaceData(data),因为某些单元格有自定义工具提示(带图像)。table.replaceData(data)将创建新节点,我将不得不创建新的工具提示。因此,工具提示将重新出现在每次数据替换上。这种行为是不希望的。

有没有办法在不滚动顶部的情况下更新日期?也许一些黑客?

更新:

有一个简化的构造函数代码:

因此,在格式化程序中,我创建了将显示在单元格(类tool-tip__icon)中的图像和将显示在悬停(.tool-tip:hover .tool-tip__info {display: block;})上的工具提示。

当我这样做时.replaceData(newData)(可能很频繁),工具提示会闪烁。因为该表正在使用新节点重新渲染。

0 投票
1 回答
1264 浏览

tabulator - 自定义格式列标题/标题的工作示例?

我有一个适用于列数据的格式化程序,使用 column parameter formatter。使用与 column parameter 相同的格式化程序titleformatter,我得到下面提到的错误。另外,我不明白为什么title参数文本中的 HTML 似乎不适用于其他东西,<b> ... </b>但确实适用于其他东西(例如,<i> ... </i>一个有效的自定义格式化程序示例会有所帮助。(我在 Tabulator 文档中没有看到这一点。)请参阅此蒙太奇将列标题和行标题屏幕截图与常见的单元格文本相结合——行中的“粗体”对我来说看起来更大胆。

单元格文字对比截图蒙太奇

我尝试模拟一些发布的示例代码,但我得到了与@dagroj 在他对@Oli Folkerd 的回答(对问题)关于titleformatter---即问题的评论中报告的相同的错误。tabulator.min.js:2 Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'. (在这里提到这一点是因为我还没有在那里发表评论的声誉。)

这是我的 CPT 的渲染,没有 titleformatter。

对应的表构造函数:

格式化程序:

0 投票
1 回答
1026 浏览

tabulator - 如何让这个 mutator 在 cellEdited 上工作?

我正在使用 Tabulator 3.5 并有一个 mutator:

我的构造函数对象,去掉了所有细节,如下所示。请注意,这些列嵌套了两次。另请注意,我正在使用 Django 模板语言来动态构建表。

问题的症结在于我的 row.update() 在结果字段发生变化后没有重新计算 %。已选择字段名称“Statistics_percentage”,因为它适合我当前的数据,但我以后可以轻松概括它。

percentMutator 函数中的 console.log(mutatorParams) 在初始构建表时和编辑后是相同的。但是,console.log(data) 显示编辑后传递给 percentMutator 函数的行数据仅包含有问题的单元格,不包含该行中其他单元格的任何数据 - 因此编辑后计算失败。

我希望您对如何在编辑时强制将所有行数据发送到 mutator 有所了解。非常感谢你读到这里。任何帮助,将不胜感激。

0 投票
1 回答
748 浏览

tabulator - 无法使用ajax将数据加载到表中

我真的很难将现有代码从 3.5 升级到 4.0.5。这一次,当我尝试使用 ajax 调用将数据加载到我的表中时,我遇到了一个错误。这在 3.5 中确实有效,所以我猜版本 4 中发生了一些变化。我仔细阅读了文档并阅读了升级指南。ajax 调用的方式是否发生了变化,以至于我的代码不能像在 3.5 中那样工作?最后:我正在使用 jquery 的包装器。

表构造函数如下所示:

然后我通过setData添加了很多参数,以及之前声明的ajaxconfig

然后我在控制台中收到错误,数据不会加载到表中: 在此处输入图像描述