问题标签 [datatables-1.10]

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 投票
2 回答
6998 浏览

sorting - 数据表排序箭头功能

我正在使用 DataTables,它工作得非常好。现在,当您单击列标题(标题上的任何位置)时,它会进行排序。并在上升和下降之间切换。但是现在的请求是有两个不同的按钮,一个按升序排序,另一个按降序排序,而不是让整个标题成为活动触发器。

我是否必须附加到每个标题并添加我自己的按钮,或者是否有一些内置到我缺少的数据表中。

如果我必须添加自己的按钮,我希望被指出正确的方向。

太感谢了!

0 投票
2 回答
5691 浏览

jquery - Jquery数据表搜索不起作用

我正在使用 jQuery 数据表 1.10。

一切都很好,它将数据绑定在网格中,但是当我尝试实现搜索时它不起作用。

我的搜索代码在这里:-

警报被调用,但它不显示网格中的值。

请帮忙。谢谢

0 投票
1 回答
3018 浏览

php - 使用 jquery DataTables 通过 ajax 加载数据时处理会话超时

我的应用程序在登录之后,所以当通过 ajax 加载数据时,我需要验证用户仍然有一个活动会话。如果用户没有活动会话,我会返回echo json_encode(array('TIMEOUT'));which outputs ["TIMEOUT"]。如何阅读该响应并将用户发送回登录页面?

在以前版本的 DataTables 中,我能够执行以下操作:

在 DataTables 1.10 下,fnServerData已被替换为ajax(参见docsajax.data)。如何使用新的 DataTables 版本完成同样的事情?我觉得我很接近,但它只是不工作......可能是因为我在尝试解析响应时做错了(我从未在 if 语句内点击)。

0 投票
1 回答
1144 浏览

javascript - 数据表 aodata.push 将数组转换为逗号分隔列表

我有一个 Web 应用程序,它使用带有 ajax 回调的 jquery DataTables 来搜索/排序数据服务器端。我正在使用aoData.push. 其中一个数据值是多选框的值,所以它是一个javascript数组,所以push看起来像

DataTables 1.9.1,在 ajax 请求的 GET 参数中,multiselect以逗号分隔的列表结束,即

我已经更新到 1.10 版,现在这个值实际上是作为一个数组发送的:

我希望它恢复为逗号分隔列表,因为这是服务器端php代码所期望的,而我无权访问它。

我在 HTML 或 DataTables 初始化中没有更改任何内容,我只是将jquery.dataTables.js包含文件更新为较新的版本。

如何告诉 DataTables 将我的多选数据作为逗号分隔列表而不是数组发送到服务器?

0 投票
1 回答
54 浏览

datatables - 对数据表中的任何列进行排序后如何获取数组中的特定列值

我有 4-5 列的 html 表,包括idnamedescription...,我已经在其上应用数据表。如果我对列进行排序,我想id在数组中获取列数据name。我怎么才能得到它?

Ps:抱歉英语不好。

0 投票
1 回答
525 浏览

javascript - 如何使用数据表进行混合客户端和服务器端分页,以便前 X 行是客户端分页?

我想避免做许多较小的查询,并做一个从服务器抓取 1000 行的查询,并在每页上用 50 对它们进行分页。如何使第 21 页呈现新查询以获取接下来的 20 页?

这也意味着排序列也需要新的服务器端请求。

0 投票
1 回答
5110 浏览

javascript - jQuery DataTables 排序不起作用

使用 jQuery 2.1.3 和 DataTables 1.10.5,当我单击列上方的向上和向下箭头时,我的表不会排序。从我从文档中可以看出,这是最简单的例子,应该可以工作。我似乎无法弄清楚为什么不是。

我的 HTML/JavaScript

0 投票
1 回答
6469 浏览

javascript - 以自然宽度显示 DataTables 列

我正在使用 DataTables 库,我正在使用autoWidth选项让 DataTables 自动设置列宽,并使用Scroller 插件来修复来自服务器的标题和页面数据。

当我的表有大量列时,这种组合看起来很漂亮,但是当它只有几列时,autoWidth 设置会使它们变得卡通般大。

这是一个例子:

http://live.datatables.net/rizuvaza/2/edit

大柱子

我想要的是表格的宽度与其内容所需的一样宽,而不是更宽。有时这意味着内容对于视口来说太宽并且必须水平滚动,有时这意味着内容比视口窄,在这种情况下我不希望它占用整个水平空间。

如果我愿意硬编码表格的最大宽度,我已经找到了几种可行的方法,但是这样做依赖于我自己编写代码来估计列的宽度。显然,这取决于各种困难的测量(字体大小、内容宽度等),我真的宁愿留给 DataTables。

是否有某种方法可以配置 DataTables,或者使用包装 DOM 元素和样式,以便它始终使用必要的宽度来绘制表格?

0 投票
1 回答
1925 浏览

jquery - 获取 jquery 数据表以对特殊日期输入字段进行排序时出现问题

我有一个使用 jQuery Datatables 1.10.5 的页面。该表工作正常,但我有一个格式为“DM-YY”的日期,例如 10-03-15,(2015 年 3 月 10 日)。

我已将其包含在头中,因此我正在加载 moment.js。

我称之为初始化表:

我想知道我做错了什么,因为该列不会按我的日期排序。我已经阅读了 datatable.net 的所有文档,但似乎我正确地调用了它。

*** 更新我可以使用这个插件,它对输入字段进行排序。 http://datatables.net/plug-ins/sorting/custom-data-source/dom-text

我仍然只能按 yyyy-mm-dd 之类的 UNIX 日期排序。我想按自定义日期 dd-mm-yy 排序。我用它来初始化输入字段:

/* 创建一个数组,其中包含一列中所有输入框的值*/

然后我定义日期字段编号。3

我什至试过这个:

是否有有效值“dom-date”?

0 投票
1 回答
3696 浏览

javascript - DataTable:使用带有 ajax.reload() 的函数

我的方法有些麻烦ajax.reload()- 没有任何反应。我已经用这个 JavaScript 进行了测试:

arrays.txt 内容:

和 html 内容:

如果我将“您的”代码(dataTables.js)更改为

代替

这个对我有用...

实际上,如果您再次单击该按钮,它会起作用,但这不是解决方案。