问题标签 [dynatable]

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

javascript - 如何使用 Dynatable 处理嵌套的 JSON 文件?

我目前正在尝试加载 BLAST 数据(来自一个很酷的生物实验)并使用Dynatable显示它。我是 JSON 和 Javascript 的新手,但我想我已经开始并运行了。问题是 JSON“对象”中有一个嵌套实例,我无法将它加载到 Dynatable 中。

这是 JSON 的片段

如您所见,它有一个“Hit_hsps”和“Hsp”嵌套在其中。但是每个命中只有一个 Hit_hsps/HsP 实例。

最好的方法是什么?扁平化 JSON 文件还是有更巧妙的方法来处理 Dynatable 中的这种嵌套数据?

我正在使用此代码来显示表格

整个系列都可以在JSFiddle上找到

0 投票
2 回答
2185 浏览

javascript - 使用 AJAX JSON 在可动态列中搜索

我有一个通过 ajax 调用填充的 dynatable。所有的显示都很好。我知道在 ajax 模式下,所有内容都会传回服务器进行处理,并且我已经进行了列排序。现在我希望实现基于列的过滤。

例如,对于表:

我希望能够提交对 Name = "foo" 的搜索,并且只匹配名称为 "foo" 的行,或者搜索 "foo" 的函数,并且只匹配在该列中匹配的行。

到目前为止我的 JS:

如有必要,我愿意(尽管我不知道如何)在每个列标题下都有输入框。另一个想法是使用您希望搜索的列名的选择元素。我这样做是为了测试,但现在问题变成了如何让 dynatable.js 将 url 参数设置为类似queries[Name]=foo而不是queries[search]=foo. 我重新阅读了文档并查看了过滤示例,但我没有看到如何解决这个问题。(我想避免在默认搜索输入框中输入用户搜索字符串,如“名称:foo”)

任何想法或指示将不胜感激......

0 投票
2 回答
3349 浏览

javascript - 从本地可动态加载 JSON

我正在尝试做一些与这个问题的最后一条评论非常相似的事情——即在 ajax 调用中加载一大堆数据,然后将其放入 dynatable 中,就好像它是一个本地 JSON 文件一样。我不精通 javascript/jquery,所以这可能是相当明显的事情,但我无法让它工作。我当前的代码如下所示:

并且 ajax url 返回这个:

这是正确的教程

我假设这是我的 $.getJSON 错误。我应该使用成功和失败案例吗?那会是什么样子?我应该使用 parseJSON 吗?

非常感谢,亚历克斯

0 投票
3 回答
1037 浏览

dynatable - 将可动态搜索绑定到 onchange

我使用http://www.dynatable.com/并且有一个用于过滤数据的搜索输入。问题是它适用于输入/失去焦点等,我想在每个字母更改时使用它。

0 投票
2 回答
1840 浏览

javascript - Hiding columns in Dynatable

I'm hoping to replace my tables with Dynatable, but I need to be able to hide and show certain groups of columns to do so. I do this in the existing, regular html table by giving a group to each , for example:

Then I have some hide and show javascript functions:

Is there a reasonably straight forward way I can adapt Dynatable to do something similar? Is there a way I can assign classes to each and in a Dynatable?

Thanks a lot, Alex

0 投票
2 回答
3230 浏览

jquery - Dynatable callback function not working

I'm trying to bind click event to dynatable generated, I've tried $('#my-final-table hr').on("click",function(){alert("foo");}); so I'm trying to bind it after loading data:

But it doesn't work, no alert is shown after loading. JSFiddle:http://jsfiddle.net/maysamsh/pDVvx/

0 投票
1 回答
447 浏览

jquery - 在 dynatable 上重新加载 mathjax

我想将MathJaxDynatable一起使用,以显示带有渲染公式的表格。这是一个显示问题的最小示例:

当我第一次调用页面时,它可以很好地呈现公式,但是当我使用可动态化或转到分页中的下一页时,mathjax 没有更新。

到目前为止,我尝试包括

代码中的某个地方,但我无法让它工作。我不确定是否应该使用 dynatable 的事件挂钩以及如何以有效的方式绑定它们。

0 投票
2 回答
3770 浏览

jquery - Add css class to dynatable columns

I'm trying to add a class name to dynatable generated <td>s, but I don't know how. I've tried this, but does not work:

I want to add td-id to the last <td>.

But the row html is like this when I click on a row:

JSFiddle: http://jsfiddle.net/maysamsh/pDVvx/5/

0 投票
1 回答
690 浏览

php - 使用 dynatable 对数据进行分组

我想检查是否有任何方法可以使用可动态化的 jquery 插件对数据进行分组。我希望数据显示如下。

我能够使用 php 以预期的格式生成表格,但是我想使用 dynatable 来使内容更加动态。

如果有人可以帮助我完成这项工作,那就太好了。

提前致谢。

0 投票
4 回答
2108 浏览

dynatable - 如何使分页工作?

我正在尝试使用分页创建 Dynatable 的示例,为此,我直接从与 html 文件相同的目录创建了一个 html 文件和一个使用 Ajax 加载的 json。

数据正确呈现,页脚说:“显示 5 条记录中的 5 条(从 45 条总记录中过滤)”,也可以。问题是右边的链接,只显示1页,当它应该显示9页时。

这是html内容:

这是“consulta.json”文件: