问题标签 [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 投票
3 回答
8546 浏览

tabulator - 如何重新加载制表数据表中的数据?

我正在尝试使用制表器加载动态数据,我可以使用以下代码生成表和数据:

但是,当我尝试重新加载相同的数据 onclick 函数时,我收到错误:

所以我的问题是如何清空表的数据并重新加载新数据或相同数据

0 投票
1 回答
1444 浏览

javascript - 无法使用制表器插件将数据导出到 Excel 工作表

我正在使用Tabulator Plugin 将我的数据加载到我的 html 中。为此,我在我的 javascript 中使用此代码:

我在我的 html 中使用了这段代码:

每次调用 ajax 时,这段代码都可以正常工作我使用 res["data"] 获取数据我将其放入制表符集数据函数中,并且它正在完美地加载我的数据。但是,当我在加载数据时第一次单击下载 Excel 时,我正在下载文件,但是当我点击并重新加载新数据时,它会下载三个文件或四个文件。我的问题是当我点击新的新数据时如何重置文件和下载队列。

0 投票
1 回答
721 浏览

tabulator - 是否可以更改制表符中单个单元格的格式化程序?

我有一个表格,其中有一列往往很长,用户希望它在表格首次加载时正常显示(即作为文本并用省略号截断)。如果他们单击此注释单元格,他们希望它展开并显示整个字段内容。我通过删除列并添加具有相同定义的“新”列来实现此目的,只需formatter: 'textarea'在新列上添加规范即可。这几乎是我想要的,我唯一遇到的是这会导致所有行都扩展,我真正想要的只是他们点击的那一行。这可能与制表符有关,如果可以的话怎么办?

这是一个代码片段,不确定这里是否需要它:

0 投票
1 回答
1672 浏览

javascript - 制表符日期格式

我正在使用一个名为 Tabulator 的库,它允许您做的一件事是在将数据推入表格时对其进行编辑。

我们使用的日期使用长日期格式,看起来像这样:2018-07-24T04:00:00.000Z. 我在表格中使用格式化程序使其看起来像这样:2018-07-24。这只是对字符串进行切片。

问题是 - 当有人试图下载 pdf 文件时,它仍然以长格式显示日期 - 这需要修复。我尝试了 Tabulators 官方网站显示的所有方式,但对我没有任何作用。我似乎无法弄清楚这样做的正确方法,也许这里有人在这里有一些经验并可以与我分享?仅供参考格式化程序如下所示:

本质上我需要相同的逻辑 - 获取单元格值并在下载时对其进行切片,或者在数据被推入表格时执行此操作并一起省略格式化程序。

PS我知道我可以在推送数据和切片所需字段之前遍历数组,但正在寻找更优雅的解决方案。

0 投票
1 回答
139 浏览

javascript - 制表符:在列中的 Frozen 和 headerFilter 之间耦合时呈现不良

当我在我希望被冻结的列中使用简单的 headerFilter 时,选项卡标题没有考虑过滤器框的高度。

请参考下面的 Fiddle,它是添加了两个选项的标准制表符示例。 https://jsfiddle.net/Ergo0ne/72Lrqa8y/8/

我试图改变标签页眉的高度,但它不起作用。随意试一试:)

谢谢。

html

选项卡标题未考虑第一列中过滤器框的高度

JS / JQuery / 制表符

0 投票
1 回答
453 浏览

filter - Ajax 过滤在 Tabulator 中不起作用

我有这个代码

但是当我在列过滤器中输入内容时它不起作用。我的 JSON 是正确的,我返回 last_page 参数。当我输入一些内容时,它会传递过滤器参数,服务器会返回正确的 JSON,但制表器无法根据新收到的 json 刷新数据。请帮忙。谢谢

0 投票
1 回答
131 浏览

javascript - 使用系统日期和来自 tabulator.info 上 json 文件的另一个日期生成持续时间

我正在使用tabulator.info显示 json 文件中的表格。

json 包括employee_id、entry_time、exit_time 和duration。

在某些情况下,exit_time 可用(员工确实退出了),而在其他情况下,员工尚未离开,因此 exit_time 为空。

如果exit确实存在,如何生成列stay_duration,它是exit_time和entry_time之间的持续时间,否则如果exit_time为null,那么stay_duration将是当前系统日期和entry_time之间的差异,以hh显示滴答持续时间(按秒计): mm:ss 格式?

员工日志.json:

索引.html:

0 投票
1 回答
852 浏览

jquery - 制表器插件未加载

我正在处理 Tabulator 插件的基本示例

我得到错误t.widget is not a function$(...).tabulator is not a function.

据我了解,这通常是脚本文件编写顺序的问题。我也尝试过重新排列脚本标签。

我的问题是,我尝试初始化插件的方式是否有错误。

0 投票
1 回答
1714 浏览

contextmenu - 使用目标行数据从 rowContext 回调中调用上下文菜单

[为清楚起见而编辑(我希望!)]

我已经使用 Tabulator 有一段时间了(即将转向 4.0!)所以认为我对基础知识有合理的掌握,并且是一个很棒的粉丝!

在这种特殊情况下,我使用一张桌子来保存候补名单。用户(内部)可能需要在任何给定行上触发多个操作之一,并根据需要针对该行或该行中的数据。鉴于这种情况,我正在寻找右键单击上下文菜单的情况。

我能够通过 rowContext 回调捕获右键单击事件,并提取数据(row.getData() 等)以立即采取行动,即 console.log() 等。

制表器配置:

行上下文处理程序

我还可以通过将其锚定到.tabulator-row类来创建基本上下文菜单并将其附加到各个表行。

注意:我正在使用 jQuery-contextMenu 库 - https://swisnl.github.io/jQuery-contextMenu/demo.html - 但我在历史上已经搞砸了一些,它们大多以类似的方式工作

以上所有操作都成功,当我右键单击一行时,我得到了预期的上下文菜单。

在此处输入图像描述

我失败的地方是,一旦选择了一个选项,就能够从上下文菜单回调中引用制表符行/行数据。

也许我只是很密集?:)

我正在使用动态菜单构建选项(很有趣,称为“构建”),它捕获触发元素并允​​许在调用时构建菜单结构,但是当引用该元素时,我显然得到了底层表元素/结构制表符 rowDiv 的

虽然我可以看到一些数据元素(innerText 等),但我看不到一种优雅的提取方式。

或者,我可以在 Tabulator rowContext 回调中手动构建一些超级基本的东西,但我讨厌重新发明轮子(不是吗?)所以我希望我在这里错过了一些非常基本的东西。 ...

任何想法不胜感激!

肖恩

0 投票
1 回答
351 浏览

tabulator - 使用按钮将剪贴板中的数据粘贴到制表符表中

我想在我的网站上使用一个按钮,该按钮应该将剪贴板中的数据粘贴到制表符表中。因此,用户也可以单击该按钮,而不是在表格上按 CTRL + V。我想通过将焦点设置到表格并刺激 CTRL + V 按键来实现这一点,但这不起作用......有人可以帮助我改进我的代码吗?或者也许有比刺激按键更简单的解决方案。我的代码: