Tag: jquery数据表

jQuery DataTables插件：动态添加复选框

使用jQuery DataTables插件动态添加行时，如果其中一个单元格必须是复选框，我该怎么办？ 只需将HTML放在引号中？

数据表行分组 – 如何为每个组添加行数并展开/折叠所有

我正在使用Datatables可折叠/可扩展分组。 http://jquery-datatables-row-grouping.googlecode.com/svn/trunk/collapsibleGroups.html 我已对其进行了配置，以便所有组在初始视图中折叠。 我真的想在组头中添加rowcount（每组的行数），以使行分组更具信息性。 它会让用户在单击以展开组时可以获得多少额外信息。 添加展开/折叠所有按钮也非常有用。 任何人都可以帮忙找到添加这些function？ 我已经设置了一个jsfiddle来展示我想要实现的目标： http ： //jsfiddle.net/lbriquet/4Rkb3/36/ 任何帮助将非常感激！

jQuery – datatables，如何获取列id

如何在jquery的datatable插件中获取列id我需要在数据库中进行更新的列id。

如何更改DataTable的语言

我在会话变量中存储用户想要翻译的语言，但我不知道将其传递给DataTables 我在datatables网站上找到了这个解释，但这并没有真正帮助，我在哪里设置语言参数？

如何使用jquery datatable加载本地JSON变量

我有一个本地JSON数据集。 我想使用jquery datatable插件来显示它。 数据表插件中是否有任何设置或配置来显示数据？ 我能找到的就是进行AJAX调用和服务器调用。 谢谢您的帮助。

如何在排序数据表时避免分页重置

我有一个简单的jquery-datatable ，它允许基本的sorting和paginationfunction。 请考虑以下data-tables摘录 $(document).ready(function() { $(‘#example’).dataTable({ “sPaginationType”: “full_numbers” }); }); Rendering engine Browser Platform(s) Engine version CSS grade Trident Internet Explorer 4.0 Win 95+ 4 X Trident Internet Explorer 5.0 Win 95+ 5 C Trident Internet Explorer 5.5 Win 95+ 5.5 A Trident Internet Explorer 6 Win 98+ 6 A Trident Internet Explorer 7 Win […]

在JQuery中读取隐藏列的值

我需要在表上隐藏一列，但之后我无法读取所选行的隐藏列值。 dtTable = $(‘#lookupTable’).DataTable({ “columnDefs”: [ { “targets”: [ 0 ], “visible”: false, “searchable”: false } ], aaData: data, aoColumns: cols, paging: false, scrollCollapse: true, destroy: true }); 如您所见，第一列现在已隐藏。 我试图用该代码读取列值 selectedIndex = $(this).find(‘td:eq(0)’).text(); 如果我从代码中删除，我可以读取第一列的值，但如果它被隐藏，它会给我第二列值。 我厌倦了改变“witdh”财产，但它没有工作..

如何在没有数据时阻止jquery dataTable插件添加行和消息

当表中没有数据时，我们的产品所有者希望我们的空表只显示表头。 我似乎无法阻止dataTable创建一个带有“empty …”消息的行。 这是我用来初始化dataTable的代码。 我知道这里有些事情是错的。 我一直在做实验。 🙂 $(‘#InBox’).dataTable({ “bFilter”: false, “bPaginate”: false, “bLengthChange”: false, “bInfo”: false, “oLanguage”: { “sEmptyTable”: ”, “sInfoEmpty”: ” } }); 这是我试图在dataTable的init函数中放入的一些代码，但我不知道如何使它工作。 /* Table is empty – create a row with an empty message in it */ var anRows[0] = document.createElement(‘tr’); if (typeof oSettings.asStripClasses[0] != ‘undefined’) { anRows[0].className = oSettings.asStripClasses[0]; } var […]

如何使用页面中包含多个表的jquery datatable插件删除当前行

我在网站上使用datatable插件。 通常我每页只有1个数据表但在特殊显示器中我有2个数据表。 其实我有这个代码 var oTable = $(‘.datatable’).dataTable({ ‘sPaginationType’:’full_numbers’, “iDisplayLength”: 50, “oLanguage”: { “sUrl”: “js/locales/dataTables.french.txt” } }); /* Add a click handler to the rows – this could be used as a callback */ $(“.delete-ajax”).click(function(event) { event.preventDefault(); var answer = confirm(“Supprimer l’élément ?”) if (answer){ var loading = $(‘.loading-notification’); loading.removeClass(‘hidden’); $(oTable.fnSettings().aoData).each(function (){ $(this.nTr).removeClass(‘row_selected’); }); $(event.target).parents(‘tr’).addClass(‘row_selected’); var […]

jQuery DataTables鼠标hover问题

我有这个页面。 当我更改条目数时，新显示的条目的鼠标hover失败。 .edit {display: none} $(document).ready(function() { $(‘#example’).dataTable(); } ); jQuery(document).ready(function() { jQuery(‘#example tr’).mouseover(function() { jQuery(this).find(‘span:first’).show(); }).mouseout(function() { jQuery(this).find(‘span:first’).hide(); }); }); A B C   a1 b1 c1 EDIT a2 b2 c2 EDIT a3 b3 c3 EDIT a4 b4 c4 EDIT a5 b5 c5 EDIT a6 b6 c6 EDIT a7 b7 c7 EDIT a8 b8 […]