问题标签 [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.
javascript - 无法使用制表器插件将数据导出到 Excel 工作表
我正在使用Tabulator Plugin 将我的数据加载到我的 html 中。为此,我在我的 javascript 中使用此代码:
我在我的 html 中使用了这段代码:
每次调用 ajax 时,这段代码都可以正常工作我使用 res["data"] 获取数据我将其放入制表符集数据函数中,并且它正在完美地加载我的数据。但是,当我在加载数据时第一次单击下载 Excel 时,我正在下载文件,但是当我点击并重新加载新数据时,它会下载三个文件或四个文件。我的问题是当我点击新的新数据时如何重置文件和下载队列。
tabulator - 是否可以更改制表符中单个单元格的格式化程序?
我有一个表格,其中有一列往往很长,用户希望它在表格首次加载时正常显示(即作为文本并用省略号截断)。如果他们单击此注释单元格,他们希望它展开并显示整个字段内容。我通过删除列并添加具有相同定义的“新”列来实现此目的,只需formatter: 'textarea'
在新列上添加规范即可。这几乎是我想要的,我唯一遇到的是这会导致所有行都扩展,我真正想要的只是他们点击的那一行。这可能与制表符有关,如果可以的话怎么办?
这是一个代码片段,不确定这里是否需要它:
javascript - 制表符日期格式
我正在使用一个名为 Tabulator 的库,它允许您做的一件事是在将数据推入表格时对其进行编辑。
我们使用的日期使用长日期格式,看起来像这样:2018-07-24T04:00:00.000Z
. 我在表格中使用格式化程序使其看起来像这样:2018-07-24
。这只是对字符串进行切片。
问题是 - 当有人试图下载 pdf 文件时,它仍然以长格式显示日期 - 这需要修复。我尝试了 Tabulators 官方网站显示的所有方式,但对我没有任何作用。我似乎无法弄清楚这样做的正确方法,也许这里有人在这里有一些经验并可以与我分享?仅供参考格式化程序如下所示:
本质上我需要相同的逻辑 - 获取单元格值并在下载时对其进行切片,或者在数据被推入表格时执行此操作并一起省略格式化程序。
PS我知道我可以在推送数据和切片所需字段之前遍历数组,但正在寻找更优雅的解决方案。
javascript - 制表符:在列中的 Frozen 和 headerFilter 之间耦合时呈现不良
当我在我希望被冻结的列中使用简单的 headerFilter 时,选项卡标题没有考虑过滤器框的高度。
请参考下面的 Fiddle,它是添加了两个选项的标准制表符示例。 https://jsfiddle.net/Ergo0ne/72Lrqa8y/8/
我试图改变标签页眉的高度,但它不起作用。随意试一试:)
谢谢。
html
选项卡标题未考虑第一列中过滤器框的高度
JS / JQuery / 制表符
filter - Ajax 过滤在 Tabulator 中不起作用
我有这个代码
但是当我在列过滤器中输入内容时它不起作用。我的 JSON 是正确的,我返回 last_page 参数。当我输入一些内容时,它会传递过滤器参数,服务器会返回正确的 JSON,但制表器无法根据新收到的 json 刷新数据。请帮忙。谢谢
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:
jquery - 制表器插件未加载
我正在处理 Tabulator 插件的基本示例。
我得到错误t.widget is not a function
和$(...).tabulator is not a function
.
据我了解,这通常是脚本文件编写顺序的问题。我也尝试过重新排列脚本标签。
我的问题是,我尝试初始化插件的方式是否有错误。
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 回调中手动构建一些超级基本的东西,但我讨厌重新发明轮子(不是吗?)所以我希望我在这里错过了一些非常基本的东西。 ...
任何想法不胜感激!
肖恩
tabulator - 使用按钮将剪贴板中的数据粘贴到制表符表中
我想在我的网站上使用一个按钮,该按钮应该将剪贴板中的数据粘贴到制表符表中。因此,用户也可以单击该按钮,而不是在表格上按 CTRL + V。我想通过将焦点设置到表格并刺激 CTRL + V 按键来实现这一点,但这不起作用......有人可以帮助我改进我的代码吗?或者也许有比刺激按键更简单的解决方案。我的代码:
和