问题标签 [jquery-datatables]

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 投票
4 回答
10352 浏览

javascript - 修复了数据表中的行排序

我想在数据表的头部建立一些固定的行。

这是我的数据表设置:

我已经通过以下方式完成:

这将使文本中具有“我的价值”的行保持在顶部。但问题是,当我对其他列进行排序时,“固定”行并未保留在表格顶部。

有什么解决办法吗?

0 投票
1 回答
374 浏览

ruby-on-rails - Ruby on Rails 3.1 和数据表 gem 'simpe_datatables' (datatables.net)

有人对数据表和 Rails 3.1 有经验吗!?我从以下位置尝试了 simple_datatables 0.2.1 gem:

https://github.com/gryphon/simple_datatables

使用 kaminari 和 meta_search 1.1.0 但无法使其正常工作。

该表显示没有图像/css 可能是由于未正确加载 css 样式。在表格中搜索也会崩溃......由于一些奇怪的搜索标志它传递到后端。示例:我有列 'name' 和 'size' 并且它通过了:'search[name_or_sizefalse]' 后端不喜欢那样......并且尖叫'未知方法'有什么想法吗?

0 投票
1 回答
2719 浏览

javascript - jQuery 的 Google.load() - 不适用于 DataTables.net

我有带有旧 Google 图表 API(旧静态图像)的网页(这里是一个示例),我想将其移至新的 Google 可视化图表 API。

我还使用 jQuery、jQuery UI、Google JS 地图和 DataTables.net(都托管在 Google 和 Microsoft CDN 上):

所以我正在尝试使用google.loader(); 而不是脚本标签:

不幸的是,这不起作用(这里是示例页面) - DataTables 不再“包装”表格。

Google Chrome 控制台中的错误消息是:

有没有人有一个想法,我做错了什么?

我也在DataTables.net 论坛上问过......

更新:

我已经从在我的服务器上本地托管 dataTables.net 文件切换到 Microsoft 的 CDN,因为它不会改变我的问题中的任何内容(我猜是:在 dataTables.net之后由 google.load() 加载 jQuery 库)

0 投票
1 回答
1087 浏览

jquery - 使用 JQuery Datatables.net 修复了 Column 插件

使用 C# 3.0 数据以表格输出的形式传输到客户端。使用Datatable对其进行转换,使用的插件是FixedColumns(最新)

详细信息:第一列是一个带有状态和文本绑定的复选框,例如:(ASPX 代码)

问题:发现页面开启分页时复选框状态未保存。当分页被禁用时,没有问题并且状态正在保存。

在这种情况下,所有其他复选框状态都被保存(可见)[它们不是固定列]。

当 fixedColumn 插件被移除时,它开始工作(有分页和没有分页)。

为什么在带有 FixedColumns 插件的 Datatable v1.9 中会发生这种行为?

我怎样才能摆脱这个?

类似的线程:http ://datatables.net/forums/discussion/6923/need-help-on-maintaining-the-checkbox-state-when-fixed-columns-enabled/p1

PS:我尝试使用线程中的提示更新我的代码,但这对原因没有帮助。

0 投票
2 回答
1203 浏览

jquery - 如何将数据插入到 jquery 数据表中?

我试图在数据表中插入数据,但 javascript consoloe 说这个表是未定义的。这是我的代码:

0 投票
3 回答
1074 浏览

asp.net - 是否可以使用 ASP.Net 2.0 在 ASPX 页面中托管 WebService?

在将页面从普通回发转换为 AJAX 调用的过程中(使用 JavaScript 完全加载/控制 UI 并严格使用 ASP.Net 作为后端),我发现自己想用 AJAX 来源的数据集替换 GridView。

我目前使用DataTables来美化 GridView,并且 API 中有一个选项可以使用 AJAX 远程获取表的数据。API 需要返回一个 JSON 对象,尽管我似乎可以为该fnServerData选项提供一个回调,这将允许我将 XML 响应转换为必需的 JSON 数据源。

“所以”,我想,“我还不如一起来<WebMethod()>返回数据源......”虽然我过去写过几个<WebMethod()>函数,但我总是添加一个新的 ASMX 文件(带有一个自定义类驱动它)或在有意义的地方扩展现有的。对于这个特定的页面,不需要让这个表的数据源可以在页面的上下文之外访问,所以我想我会尝试添加<WebMethod()>到 ASPX 页面的代码隐藏。

在程序员的网络上似乎有几个例子成功地完成了我一直在努力解决的问题。

我遵循了我能找到的每一个例子,但没有一个对我有用。我整理了一个非常简单的示例,希望有人可以指出我哪里出错了,或者确认 ASP.Net 2.0 根本无法以这种方式工作。

ASP 标记:

代码隐藏:

我已经尝试了对上述内容的一些小改动,并且在每种情况下 AJAX 调用都会返回以下内容:

我期望返回的是:

有没有人有任何想法:

  1. 我做错了什么?
  2. 还是 ASP.Net 2.0 无法<WebMethod()>在 ASPX 页面中使用 a?
0 投票
1 回答
5097 浏览

jquery - JQuery DataTables 链接项

我正在尝试链接特定列中的项目,但每个项目都将链接id到与 json 字符串不同的位置。不幸的是,我找不到使用 API 的方法(我知道有很多方法可以在不使用 API 的情况下做到这一点),但我正在寻找一种方法来链接列中的项目(每个带有特定链接id)。

所以这是我的代码,我用来getJSON从服务器获取 JSON,并将数据从这个 JSON 加载到表中,如下所示:

我想要做的是,对于每一行,将 链接contact_name到它的id,它也在 JSON 中,并且可以在这个$.each循环中使用item.contact_id.

有没有办法使用 DataTables API 来做到这一点,如果是的话,你能解释一下并提供一个很好的资源来帮助我吗?

OBS:我正在使用 JSONP

谢谢。


用我的新代码更新:

现在的错误是,当我点击时我得到了 id,但由于我正在处理$.each循环内的行,对于我点击的任何行,它总是会得到id最后处理的行。

0 投票
1 回答
1005 浏览

html - datatables.net 插件将左侧菜单隐藏在 IE 中的表格后面

我有一个在 IE 中完美运行的页面。然后我使用 DOMReady 中的这段代码和这段代码
添加了精彩的 jQuery 插件Datatables

在 Webkit 和 Firefox 浏览器中一切正常。看图片。

在 Firefox 中渲染

但是在 IE 中,表格隐藏了理想情况下应该像这样在表格上方出现的菜单。

在 IE 中渲染

如您所见,子菜单呈现在表格后面。

我不认为 z-index 是这里的罪魁祸首。z-index: 9999;无论如何,子菜单都有。
有什么问题?解决此问题的任何指示都将非常有帮助。

0 投票
5 回答
34904 浏览

jquery - 单击按钮时更新数据表(JQuery)

我创建了一个简单的表单,并使用 Datatables jQuery 插件在其中显示一些数据。数据由 php 脚本 (process.php) 填充,该脚本以 JSON 格式返回正确的结果。在表单中,有一个按钮将文本框的值发送到 process.php。问题是单击按钮时,我无法使用 process.php 脚本接收到的新数据来更新/更改数据表

表格代码:

要创建数据表,我使用以下 JQuery 代码:

process.php 脚本(工作正常)是:

0 投票
1 回答
106 浏览

javascript - 使用多个表和调节 tds

我正在使用 datatables 表插件,并且在我的站点中全局使用它,以便我可以让所有表使用相同的设置。我想要做的是将它设置到遇到具有特定 id 的 th 之一的位置,然后它会取消排序并调整列的大小,但不确定如果td 有一定的id。