Tag: jquery datatables

单击切换按钮时，防止jquery数据表恢复到初始状态: 在这里，我有一个bootstrap样式的固定列数据表，我可以通过按钮切换列，因为， $(‘#ToggleColumns’).click(function () { table.destroy(); if(columnNumber == 2) { columnNumber = 0; } else { columnNumber = 2; } }); 如果我在数据表分页的第3页，当我切换列时，表恢复到其初始位置。即第一页。如何防止它并在切换后进入第3页本身？这同样适用于否。记录选择也是。

在分页的jQuery数据表的最后一页上显示一行: 我想在点击数据表的最后一页时使隐藏行可见。我该怎么做？我找不到获取当前页码和Jquery Datatable分页的最后页码的方法。这是我想要做的，但我不知道如何获取当前页面和最后一页。 $( “#paginate_button” ).click(function() { if(…….){ //if clicked page number= last page $( “#hidden_row” ).show(); else $( “#hidden_row” ).hide(); });

AngularJS – Jquery数据表为空: 我正在尝试使用angular和jquery数据表显示数据表，但到目前为止，数据表在应用数据表函数后仍保持为空。我已经读过，最好的方法是使用指令，但我不能让它工作。这只是我设法让它工作是通过应用100毫秒的超时（超过100的时间不起作用）我想要做的是在呈现DOM之后应用datatable函数。我敢肯定有人设法做到了;） userController.js myApp.controller(‘UserController’, [‘$scope’, ‘User’, function ($scope, User) { User.query(function(data) { $scope.users = data; }, function(errorData) { }); }]); datatableSetup.js myApp.directive(‘datatableSetup’, [‘$timeout’, function ($timeout) { return { restrict: ‘A’, link: function (scope, elm, attrs) { $timeout(function() { elm.dataTable(); }, 100); } } }]); user.html Username Roles {{user.username}} {{role}}

初始化后如何禁用DataTables分页？: 我有一个启用了分页的DataTable，我需要禁用此设置并通过按下按钮显示所有结果而不显示分页器。我正在尝试访问已定义的设置，将分页更改为false，并重绘表，但它不起作用。我搜索并尝试了类似的论坛post但没有成功。知道我怎么能实现这个目标？这是一个带有我无法工作的代码的演示 HTML： Destroy pager Column 1 Column 2 Column 3 Column 4 Data 1 Data 2 Data 3 Data 4 Data 1 Data 2 Data 3 Data 4 Data 1 Data 2 Data 3 Data 4 Data 1 Data 2 Data 3 Data 4 Data 1 Data 2 Data 3 Data […]

从可见和已过滤的DataTable行创建新的常规表: 我有一个带分页，过滤和ColVis插件的DataTable（列可见性）。通过按下按钮，我需要获取所有页面的可见和过滤数据，并使用此数据生成下面的新常规表（此数据没有数据表，寻呼机，…）。我尝试使用oTable.rows({search:’applied’}).data()来获取行，但是它不是仅获取可见列的数据，而是获取隐藏的列。无论如何我不知道如何生成新表。这是一个演示我怎么能这样做？提前致谢

使用jquery的Datatables插件动态设置表标题 – 从数据对象中获取标题: 我正在寻找一种动态设置表格标题的方法。有一个执行数据库查询的搜索表单，每次根据用户选择获取不同的数据集。现在标题在html中是硬编码的。这是我设置表格的方式： agentId confirmTime name amount currency amountUSD agentId confirmTime name amount currency amountUSD JavaScript的： Api.getDeposits(formData).then(function(res){ $(‘#searchResults’).dataTable( { “data”: res, “scrollX”: “100%”, “columns”: [ { “data”: “agentId” }, { “data”: “confirmTime” }, { “data”: “name” }, { “data”: “amount” }, { “data”: “currency” }, { “data”: “amountUSD” } ] }); }); 样本数据： [{ […]

性能问题渲染大表: 我正在尝试使用html表来显示大量数据。在我的例子中，一个260列和117行的矩阵。 jQuery / Ajax用于获取数据。和DataTables + Scroller展示这一切。浏览器会冻结几秒钟以呈现所有内容。我认为这是正常的 – 关于javascript的单线程性质。不幸的是，一旦渲染，浏览器仍然有问题。反应变得非常缓慢。调整窗口大小，弹出开发工具等等…可以推测，因为它再次运行渲染过程？或者内存消耗可能会通过屋顶？我没有线索。使用Scroller是因为还有更多行。它适用于适当数量的列，效果很好。它只提取并显示可见行。在实践中，行没有限制。唉，这不是列的情况。他们总是包括在内。有人知道如何“横向”应用相同的技巧吗？只将可见列包含在DOM中？ UPDATE 我在JSFiddle上准备了一个例子： url to code Why does SO need code ? 首先按“添加大表”，然后按“填充表”。等待几秒钟才能看到表格。花费的时间也会显示出来。 “渲染”时间基本上是DT呼叫的持续时间。 “构建”时间是创建整个事物所花费的时间 – 除了调用DT。结果的样式并不是我们在这里所拥有的 – 但预期的结果是：显示它需要4 / 5s才能呈现它。我不是JS / CSS / …大师; 因此，我呼吁帮助找出正在发生的事情。要“模拟”服务器，DT设置对象将转换为字符串，然后再转换为JSON对象。 […]

jQuery DataTables：未捕获的TypeError：无法读取未定义的属性“mData”: 为什么我会收到错误未捕获的TypeError：无法读取未定义的属性“mData” 我尊重DataTables的要求（我还阅读了有关我的错误的其他主题，我尊重每个答案和解决方案）。请帮我。这是我的PHP代码： Utilizator Nume complet Clasa Functia E-Mail Ultima logare <a href="mailto:”>

如何破坏数据表的第一次初始化（模态内的DataTable）: 我有一个显示表格的模态。我使用datatable插件，以便数据可搜索和排序。它首先正常工作但当我关闭模态并单击其他链接到同一模态时，它会显示错误。我找到了销毁DataTable的解决方案，我在数据表初始化之前放了destroy()但是后面没有显示数据..如果我在初始化之后把它放到第二次我点击时给了我初始化错误按钮。我怎么解决这个问题？这是我的代码： $.ajax({ url: “”, type: ‘POST’, data: { ‘groupID’: id}, dataType: ‘JSON’, success: function(result){ $(‘#records_table tbody’).empty(); // $(‘#records_table’).DataTable({ // “bLengthChange”: false, // “paging”:false, // }); $(‘.modal-header #hdrmsg’).text(result[0].fname); var trHTML=”; $.each(result, function (i, item) { trHTML += ” + item.fname + ” + item.mname + ” + item.lname + ”; }); […]

jQuery DataTables每列添加国家图标: 我想在DataTables中为每个country列添加一个国家/地区图标（使用jQuery），该列表与该列上显示的文本相同。因此，当它包含美国国家时，在文本之前会有一个图像链接到us.png 。所以，从这个：对此：（在Chrome DevTools中编辑）我认为可以使用aaData完成，但我不知道如何在不替换整列的情况下使用它。有人有答案吗？