Tag: jquery datatables

jQuery DataTables头部有两行:第一行列名和排序,第二行过滤

在旧版本的数据表(最多1.7。?)中,我曾经能够拥有一个带有两行列标题的表,其中排序在顶行中完成,并包含列名,并使用输入和选择进行过滤在第二行完成。 Col 1 Col 2 Col 3 … 对于更高版本,包括最新版本(1.9.0),这不再有效,因为可排序标头将应用于第二行而不是第一行。 有没有办法让这个工作没有诉诸http://code.google.com/p/jquery-datatables-column-filter/等额外的插件?

如何在重载数据表时传递参数

我有一个我初始化的数据表,如下所示: mytable = DataTable({ ajax:{ url: “/url/getTableData”, dataSrc: “” }, sortClasses: false, paging: false, scrollY: 300, columns: cols }); 后来我想做 mytable.ajax.reload(); 它工作正常,但现在我想在该请求中发送一些参数。 那些参数我只需要重新加载,而不是在表的初始化中。 我怎么做? 谢谢!

正确地抑制DataTables中的警告?

我正在尝试正确地抑制DataTables中的警告(警报)。 DataTables的标准行为是在发生错误时抛出javascript警报; 但是,这对我来说当前不方便。 我一直在尝试将警告转换为javascript错误 $.fn.dataTableExt.sErrMode = ‘throw’; 哪个工作正常,但这会停止当前的javascript执行,这不是我想要的。 因此,我将DataTables操作(init和更改)包装在try-catch中,没有error handling; 但是,这也会停止javascript执行。 (在Chrome和Firefox上测试过) 我的问题是如何为了调试而去除这些错误/警报? 我正在尝试调试脚本的其他部分,但这些警报会继续阻碍。

jQuery DataTables仅过滤特定列

我使用jQuery插件DataTables( http://datatables.net )进行分页,搜索function和过滤。 有一个过滤函数( http://datatables.net/release-datatables/examples/api/multi_filter_select.html ),它为每列放置表单选择元素。 我的问题是我不希望每列的filter选择元素,只有一些。 我修改了原始代码,因为我想要是/否过滤,我的第一列包含用户名。 如何从第一列中删除表单选择元素? JavaScript的: $(document).ready(function() { (function($) { /* * Function: fnGetColumnData * Purpose: Return an array of table values from a particular column. * Returns: array string: 1d data array * Inputs: object:oSettings – dataTable settings object. This is always the last argument past to the function * […]

使用jquery数据表添加,更新和删除数据库记录

我喜欢以下代码使用jquery数据表显示数据库中的数据 $(document).ready(function() { var oTable = $(‘#example’).dataTable( { “bProcessing”: true, “bServerSide”: true, “sAjaxSource”: “server.php” } ); } ); 上面的代码显示表中的数据 first name last name email first name last name email 现在我想添加/更新和删除数据。我该怎么办? 我试过了 $(document).ready(function() { var oTable = $(‘#example’).dataTable.makeEditable( { “bProcessing”: true, “bServerSide”: true, “sAjaxSource”: “server.php” } ); } ); 但数据没有显示出来。 我该怎么办? 编辑: 这是我使用的文件server.php。 server.php只是我给文件server.php的一个名字 <?php error_reporting(E_ALL […]

jquery-dzyables中的jquery-lazyload图像

使用datatables javascript插件,我想在分页表中显示10k个小图像。 因为我加载太多,我得到错误。 我想只在它们出现时才加载这些图像,所以我找到了lazyload插件 。 但是,图像最初根本不显示。 我必须手动输入 $(“img.lazy”).lazyload(); 在浏览器控制台中。 然后只加载屏幕上的图像 (即当我向下滚动时,我看到所有其他图像都已卸载)。 这certificate至少插件有点工作。 使用数据表有什么特别之处吗? 我是否必须每秒脚本地触发延迟加载? 谢谢 !

编辑jQuery Datatable字段

我想为JQuery dataTable中的一个字段值输出一个bootstrap标签。 这个字段可能的值可以是’0’或’1’,并且根据结果我想决定我想在dataTable中输出哪个引导标签。 不幸的是,如果对于这种情况的陈述,我不知道如何做到这一点。 我的JQuery: $(document).ready(function() { $(‘#accountOverview’).dataTable( { “ajax”: { “url”: “/database/accounts.php”, “data”: {“action”: “selectAccounts”}, “dataSrc”: “” }, “columns”: [ { “data”: “email” }, { “data”: “platform” }, { “data”: “coins” }, { “data”: “profitDay” }, { “data”: “playerName” }, { “data”: “tradepileCards” }, { “data”: “tradepileValue” }, { “data”: “enabled” } ], “autoWidth”: […]

jQuery DataTables – 重音不敏感的字母表和搜索

使用jQuery DataTables时 ,是否可以在使用filter时进行不区分重音的搜索? 例如,当我输入’e’字符时,我想用’e’或’é’,’è’搜索每个单词。 我想到的是将字符串规范化并将它们放入一个单独的隐藏列中,但这并不能解决字母顺序问题。 编辑 我尝试了以下方法: $.fn.dataTableExt.ofnSearch = function ( data ) { return ! data ? ” : typeof data === ‘string’ ? data .replace( /\n/g, ‘ ‘ ) .replace( /á/g, ‘a’ ) .replace( /é/g, ‘e’ ) .replace( /í/g, ‘i’ ) .replace( /ó/g, ‘o’ ) .replace( /ú/g, ‘u’ ) .replace( /ê/g, ‘e’ ) […]

未捕获的TypeError:无法读取未定义的属性’aDataSort’

我正在进行分页,我正在使用DataTables插件,在某些表上它可以工作,但在某些表上它会出错: 未捕获的TypeError:无法读取未定义的属性’aDataSort’ 我的页面脚本如下: $(document).ready(function() { $(‘.datatable’).dataTable( { “scrollY”: “200px”, “scrollCollapse”: true, “info”: true, “paging”: true } ); } ); // HTML代码 不知道问题是怎么来的,我知道这是非常常见的错误,但我搜索并发现没有任何支持我的问题。 有谁知道解决方案?

了解Datatables中的fnServerData

我想在我的项目中使用Datatables。 我想了解“fnServerData”回调选项的使用。 我已经阅读了这里的文档,并看到了以下示例代码 – $(document).ready( function() { $(‘#example’).dataTable( { “bProcessing”: true, “bServerSide”: true, “sAjaxSource”: “xhr.php”, “fnServerData”: function ( sSource, aoData, fnCallback, oSettings ) { oSettings.jqXHR = $.ajax( { “dataType”: ‘json’, “type”: “POST”, “url”: sSource, “data”: aoData, “success”: fnCallback } ); } } ); } ); 什么是“sSource”,“aoData”参数以及我们如何在其中提供价值? 另外,我们可以提交一个动态获取JSON数据的表单,而不是将JSP或PHP作为源(sAjaxSource)吗?