Questions tagged «datatables»

DataTables是jQuery JavaScript库的插件。这是一个高度灵活的工具,基于逐步增强的基础,它将为任何HTML表添加高级交互控件。请勿与[datatable]一起使用。

20
数据表:无法读取未定义的属性“ mData”
我有一个问题Datatables。我还通过了此链接,但未产生任何结果。我已经包含了将数据直接解析到DOM中的所有先决条件。请帮助我解决此问题。 脚本 $(document).ready(function() { $('.viewCentricPage .teamCentric').dataTable({ "bJQueryUI": true, "sPaginationType": "full_numbers", "bPaginate": false, "bFilter": true, "bSort": true, "aaSorting": [ [1, "asc"] ], "aoColumnDefs": [{ "bSortable": false, "aTargets": [0] }, { "bSortable": true, "aTargets": [1] }, { "bSortable": false, "aTargets": [2] }], }); });


23
禁用jQuery DataTables中特定列的排序
我正在使用jQuery DataTables插件对表字段进行排序。我的问题是:如何禁用特定列的排序?我已经尝试使用以下代码,但是没有用: "aoColumns": [ { "bSearchable": false }, null ] 我也尝试了以下代码: "aoColumnDefs": [ { "bSearchable": false, "aTargets": [ 1 ] } ] 但这仍然没有产生预期的结果。


9
DataTables:无法读取未定义的属性样式
我收到以下错误: jquery.dataTables.js:4089 Uncaught TypeError: Cannot read property 'style' of undefined(…) _fnCalculateColumnWidths @ jquery.dataTables.js:4089 _fnInitialise @ jquery.dataTables.js:3216 (anonymous function) @ jquery.dataTables.js:6457 each @ jquery-2.0.2.min.js:4 each @ jquery-2.0.2.min.js:4 DataTable @ jquery.dataTables.js:5993 $.fn.DataTable @ jquery.dataTables.js:14595 (anonymous function) @ VM3329:1 (anonymous function) @ VM3156:180 l @ jquery-2.0.2.min.js:4 fireWith @ jquery-2.0.2.min.js:4 k @ jquery-2.0.2.min.js:6 (anonymous …

26
jQuery DataTables:控制表宽度
我在使用jQuery DataTables插件控制表格的宽度时遇到问题。该表应该是容器宽度的100%,但最终是任意宽度,而不是容器宽度。 建议表示赞赏 表声明看起来像这样 <table id="querytableDatasets" class="display" cellspacing="0" cellpadding="3" width="100%"> 和JavaScript jQuery('#tab-datasets').load('/cgi-bin/qryDatasets', '', function (){ jQuery('#querytableDatasets').dataTable({ "bPaginate": false, "bInfo": false, "bFilter": false }); }); ` 在Firebug中检查HTML,您会看到这一点(请注意添加的样式=“ width:0px;”) <table id="querytableDatasets" class="display" cellspacing="0" cellpadding="3" width="100%" style="width: 0px;"> 在Firebug中查看样式,table.display样式已被覆盖。无法看到这是从哪里来的 element.style { width:0;} -- dataTables.css (line 84 table.display { margin:0 auto; width:100%; }

5
如何使用新的JSON数据手动更新datatables表
我正在使用插件jQuery数据表并加载我在页面底部加载到DOM中的数据,并以这种方式启动插件: var myData = [ { "id": 1, "first_name": "John", "last_name": "Doe" } ]; $('#table').dataTable({ data: myData columns: [ { data: 'id' }, { data: 'first_name' }, { data: 'last_name' } ] }); 现在。执行一些操作后,我想使用ajax获取新数据(但不要在数据表中构建ajax选项-不要误解我!),并使用这些数据更新表。如何使用datatables API做到这一点?该文档非常混乱,我找不到解决方案。任何帮助将不胜感激。谢谢。


7
如何删除数据表中的分页
我是jQuery的新手。我已经在网格中使用了数据表,但是不需要分页。 一页中有一个订单列表,我在Datatable网格中显示它们,但在底部,我不想显示分页。有什么方法可以通过使用jQuery库上的一些自定义来从数据表中删除或隐藏分页。 我尝试自定义它,但发现执行此操作的方法很少。 提前致谢。

12
TypeError:$(…).DataTable不是函数
我正在尝试通过此链接为我的项目使用jQuery的Datatable JS 。 我从同一来源下载了完整的库。软件包中给出的所有示例似乎都可以正常工作,但是当我尝试将其合并到我WebForms的CSS,JS中时,它们根本无法工作。 这是我所做的: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link href="css/jquery.dataTables.css" rel="stylesheet" type="text/css" /> </head> <body> <form id="form1" runat="server"> <div> <table id="myTable" class="display" cellspacing="0" width="100%"> <thead> <tr> <th>Name</th> <th>Position</th> <th>Office</th> <th>Age</th> <th>Start date</th> <th>Salary</th> </tr> </thead> <tfoot> <tr> <th>Name</th> <th>Position</th> <th>Office</th> <th>Age</th> <th>Start date</th> <th>Salary</th> </tr> </tfoot> <tbody> <!-- …

23
如何重新加载/刷新jQuery dataTable?
我正在尝试实现一些功能,即单击屏幕上的按钮将导致我的jQuery dataTable刷新(因为自创建dataTable以来服务器端数据源可能已更改)。 这是我所拥有的: $(document).ready(function() { $("#my-button").click(function() { $("#my-datatable").dataTable().fnReloadAjax(); }); }); 但是当我运行它时,它什么也没做。单击按钮时刷新dataTable的正确方法是什么?提前致谢!

22
jQuery DataTables:延迟搜索,直到键入3个字符或单击一个按钮
输入3个字符后,是否可以选择开始搜索? 我为同事显示了20,000个条目编写了一个PHP脚本,他们抱怨说,输入单词时,前几个字母会冻结所有内容。 另一种选择是通过单击按钮而不是通过字符键入来开始搜索。 下面是我当前的代码: $("#my_table").dataTable( { "bJQueryUI": true, "sPaginationType": "full_numbers", "bAutoWidth": false, "aoColumns": [ /* qdatetime */ { "bSearchable": false }, /* id */ null, /* name */ null, /* category */ null, /* appsversion */ null, /* osversion */ null, /* details */ { "bVisible": false }, /* devinfo …


11
数据表:无法读取未定义的属性“长度”
我知道这是一个很普遍的问题,并且在Stack Overflow和其他网站(包括datatables网站)上已经阅读了所有类似的问题。 为了澄清,我正在使用 PHP Codeigniter 物质学 我还确保我正确接收了JSON数组: [{"name_en":"hello","phone":"55555555"},{"name_en":"hi","phone":"00000000"}] 我的HTML表格如下所示: <table id="customer_table"> <thead> <tr> <th>Name</th> <th>Phone</th> </tr> </thead> </table> 这是我的document.ready功能: $(document).ready(function(){ //$('#customer_table').DataTable(); $('#customer_table').DataTable( { "ajax": 'json', "dataSrc": "", "columns": [ { "data": "email" }, { "data": "name_en" } ] }); }); 我得到的错误是 Uncaught TypeError:无法读取未定义的属性“ length”


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.