datatables-1.10 相关问题

DataTables是jQuery Javascript库的插件。它是一个高度灵活的工具,基于渐进增强的基础,并将为任何HTML表添加高级交互控件。

Datatable .column() 不返回任何内容

我使用数据表 1.10.18 有以下代码(是的,我知道,这是旧代码,更新数据表版本需要大量重写): ... 我使用数据表 1.10.18 有以下代码(是的,我知道,这是旧代码,更新数据表版本需要大量重写): <table id='testtable' class='datatable'> <tr><td>Within value</td><td>Second column</td></tr> <tr><td>Without value</td><td>Second column</td></tr> </table> <script> var testtable = $('#testtable').dataTable({ paging: true, bLengthChange: true, bPaginate: true, bFilter: false, bSort: false, autoWidth: true, sDom: 'lrtp', columns: [ { sTitle: 'ACTIVITY' }, { sTitle: 'DATE' } ] }); var table = $('#testtable').DataTable(); </script> 污垢简单,光秃秃的骨头。当我在控制台中运行 table.data() 时,我正确地获取了数据数组。所以信息是正确的,并且可以访问。但是,当我运行 table.column(0) 或任何导数函数时,我没有得到任何结果。我想做的是table.column(0).search('Within').draw()。当我尝试运行它时,没有任何变化。 据我所知,我正在做与https://datatables.net/examples/api/regex.html上完全相同的事情,除了我是静态而不是动态地做。我已经对我的代码进行了双重和三次检查,我不明白为什么 .column() 函数不起作用,或者它之后的任何内容。我做错了什么? 解决方案是删除以下选项: bFilter: false (或将其设置为 true,这是默认值)。 对于 DataTables 版本 1.10 及以上版本,旧的 bFilter 选项 现在已重命名为searching - 尽管旧名称仍然可以使用(如您的代码中所示)。 searching的文档阐明了此选项: 允许启用或禁用数据表的搜索功能。 因此您已在代码中禁用搜索(过滤)。这就是为什么您没有获得预期的 DataTables 结果。 还请注意: “当我运行 table.column(0) 或任何导数函数时,我没有得到任何结果” 正如您在屏幕截图中所示,您do得到了结果——您得到了一个返回的对象。您将其打印到控制台。 查看 column() 的 API 文档,它指出: 返回:结果集中具有选定列的 DataTables API 实例。 这正是您所得到的。 查看该列中的数据的一种方法是: console.log( table.column(0).data().toArray() ); 打印: Array [ "Within value", "Without value" ] 请注意,您不需要定义该 table 变量。您可能需要这样做的原因未在问题中显示,但您可以做更简单的事情: var testtable = $('#testtable').DataTable({ paging: true, bLengthChange: true, bPaginate: true, //bFilter: false, bSort: false, autoWidth: true, sDom: 'lrtp', columns: [{ sTitle: 'ACTIVITY' }, { sTitle: 'DATE' } ] }); testtable.column(0).search('Within').draw();<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Demo</title> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <script src="https://cdn.datatables.net/1.10.18/js/jquery.dataTables.js"></script> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.18/css/jquery.dataTables.css"> <link rel="stylesheet" type="text/css" href="https://datatables.net/media/css/site-examples.css"> </head> <body> <div style="margin: 20px;"> <table id='testtable' class='datatable'> <tr> <td>Within value</td> <td>Second column</td> </tr> <tr> <td>Without value</td> <td>Second column</td> </tr> </table> </div> </body> </html> 您可以自己运行上面的代码片段。 我改变了这个: var testtable = $('#testtable').dataTable({ 对此: var testtable = $('#testtable').DataTable({ 这是一个微妙的变化 - 小写d变为大写d。您可以在此处了解差异: 注意 $( selector ).DataTable() 和 $( selector ).dataTable() 之间的区别。前者返回一个 DataTables API 实例,而后者返回一个 jQuery 对象。 因此,您的代码没有返回 DataTables 实例 - 因此您需要使用 var table = $('#testtable').DataTable(); 创建一个实例。就我而言,我已经创建了一个 DataTables 实例并将其分配给 testtable。无需创建 table 变量。 S,我删除了它,并在各处使用了 testtable。

回答 1 投票 0

我需要解码$_POST,这样我就可以看到我的javascript实际上发送到我的php问题的内容

我正在使用jquery数据表,我想将日期发送到php代码以在我的参数化查询中使用这是我的数据表ajax条目: 阿贾克斯:{ url: "php/stopCodes.php",

回答 1 投票 0

用于输入的数据表分页插件不起作用

我正在尝试使用DataTables的输入插件进行分页。我已加载所有三个 jar 文件 - jQuery1.11.1、dataTables1.10 和 input.js。但我仍然得到 类型错误:$.fn.dataTableExt...

回答 3 投票 0

突出显示数据表中选定的行

我有一个使用 DataTables 库的表,该表出现在带有数据的模式中。这里的想法是,我将单击一行,将信息加载到文本区域中。这些我都有了...

回答 1 投票 0

如何在DataTables按钮中设置href?

我使用 DataTables 来格式化我的表格。我还使用他们的按钮插件。我正在尝试创建一个自定义按钮来重定向到另一个页面,我将在其中创建一个 Excel 文件以供下载。我是...

回答 5 投票 0

通过单击 JS Viz 中的 Javascript 元素来导航 Spotfire 中的页面?

我使用 Datatables.js 在 Spotfire 中创建了一个 JS Viz 我想通过单击表中的数字导航到另一个页面(每列对应于 Spotfire 中的特定页面/选项卡) 我知道...

回答 1 投票 0

数据表在渲染中使用列名

如何使用列名而不是索引来获取渲染函数中的数据? 表列:[ { 标题:'ID',名称:'ID' }, { title:'活跃', name:'活跃', 渲染(数据,类型,行,元...

回答 1 投票 0

数据表过滤器搜索标题的宽度和高度不一样?

我从事asp.net MVC视图工作。我面临搜索过滤器列标题高度和宽度不同的问题。 例如,请求标题上方没有列过滤器,数据 t 上标题的宽度和高度不同...

回答 0 投票 0

Laravel 中的查询生成器延迟加载

我有一个大表(100K +)记录,我正在使用数据表和 Yarja。 我的查询开始于 $gp = DB::table('GoogleProspects') ->orderBy('id') ->whereNull('已删除...

回答 1 投票 0

Laravel 中使用原始 SQL 查询进行延迟加载

我有一个大表(100K +)记录,我正在使用数据表和 Yarja。 我的查询开始于 $gp = DB::table('GoogleProspects') ->orderBy('id') ->whereNull('已删除...

回答 1 投票 0

如何让 jqgrid 在 bootstrap 中隐藏左侧菜单面板时做出响应

我想让 jqgrid 通过 bootstrap 进行响应,但是如何在隐藏左侧菜单面板时调整 jqgrid 的大小,因为当单击按钮时隐藏左侧菜单时,不会调用 window.resize 函数

回答 3 投票 0

启用scrollX时,包含按钮下拉菜单的行会导致垂直滚动

我有一个数据表,由于显示的列数而启用了scrollX。表行包含一个带有多个项目的引导按钮下拉列表。选择下拉菜单时,滚动条为

回答 4 投票 0

如何在使用 vuejs3 的 visual studio 中使用 datatables.net-vue3?

如何在 vuejs3 和 visual studio 中使用 datatables.net-vue3? 我像这样通过节点安装它 它不起作用,所有导入 visual studio 我都是这样做的 这个进口不起作用......

回答 1 投票 0

Datatables 如何正确排序此表?

我的数据表排序不正确。我认为问题与十进制值有关,因为它们不一致。 正确排序的最佳方法是什么? 我需要一个特殊的插头吗...

回答 1 投票 0

下拉导航栏子项与数据表重叠,导致它看起来透明

我正在一个网站上工作,该网站的页面在顶部显示导航栏,在下方显示数据表。但是,当我将鼠标悬停在导致子项下拉的导航栏上时,我注意到

回答 2 投票 0

DataTables 图像(或至少图像标题)导出为 PDF

使用数据表和按钮(不是 TableTools,它已退休)扩展。有些单元格有进度条和小图标。有没有办法将这些图像(或至少它们的标题)导出为 PDF?发现

回答 5 投票 0

同时使用多列 JQuery 过滤器和带有多选选项的复选框选择

我正在尝试同时使用 JQuery 数据表中的两个功能。 每行前面的复选框带有多选选项 https://datatables.net/extensions/select/examples/initialisation/checkbox.html...

回答 0 投票 0

需要为通过API生成的文件显示下载和删除按钮

我尝试通过使用它来显示包含来自 API url 的项目列表的表格。除此之外,我还尝试添加下载和删除列。哪个应该在每个 ro 上显示下载和删除按钮...

回答 1 投票 0

数据表1.10启用无记录的分页功能。

我最近从1.9升级到了1.10,而且ajax请求的分页行为也发生了变化。在1.9中,我不能通过iTotalDisplayRecords或iTotalRecords和分页仍然是可用的......。

回答 1 投票 0

仅通过单击复选框来选择/取消选择-Jquery Datatable

我正在创建一个jquery数据表,如下所示var table = $('#example')。DataTable({'ajax':'https://gyrocode.github.io/files/jquery-datatables/arrays_id.json', 'columnDefs':[{'...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.