Tag: jquery datatables

如何在已存在记录的json数据表顶部添加新行

我试图在数据表的顶部添加一行，显示列“金额”的总和。我正在使用json datatable（jquery插件）列表来显示数据表。 如何在具有现有行的数据表顶部添加此行？

DataTables服务器端单个列过滤

我希望有人可以帮助我。 我一直在为此疯狂。 我有一种情况，我加载DataTables网格（顺便说一句很棒！）一切都很棒。 然后我去搜索，我遇到了问题。 在网格中填充的数据来自两个不同的数据库表（这很好）但是当有人执行搜索时，我无法知道去哪里获取数据。 我需要知道搜索的标准（即标题或联系方式）。 我看到当通过默认搜索框从服务器调用搜索时，有些变量如“sSearch_0”都未设置，这些变量是如何设置的？ 这是表的初始化代码： oTable = $(‘#example’).dataTable({ “bJQueryUI”: true, “bFilter”: true, “sPaginationType”: “full_numbers”, “bPaginate ” : true, “bServerSide” : true, “sAjaxSource” : “php/tabledata.php”, “aoColumnDefs”: [ { “bSortable”: false, “aTargets”: [ 0,6,8 ] }, { “sClass”: “tdCenter”, “aTargets”: [ 0,1,2,3,4,5,6,7,8 ] } ], “fnServerData”: function ( sSource, aoData, fnCallback ) { aoData.push( […]

jQuery Datatables：如何删除行

我想从datatable中删除该行。 这是我使用的数据表代码： var aSelected = []; oTable = $(‘.itemPublished’).dataTable({ “bJQueryUI”: true, “sPaginationType”: “full_numbers”, “bServerSide”: true, “bProcessing”: true, “sAjaxSource”: “/item/datatable”, “bDeferRender”: true, “iDisplayLength”:20, “aLengthMenu”: [[10, 20, 50, 75, 100, 150], [10, 20, 50, 75, 100, 150]], “aoColumnDefs”: [ { “bSortable”: false, “aTargets”: [ 2, 3, 4 ] }, { “sClass”: “left”, “aTargets”: [ 1 ] } […]

自动刷新DataTables表并重新加载整个页面

是否有人能够指导如何在每1分钟间隔刷新数据表数据而无需重新加载整个页面。 这是我的代码： $(document).ready( function () { var refreshTable = $(‘#id_css’).DataTable({ “sAjaxSource”: ‘ajax/alert_data.txt’, “bServerSide”: true, “iDisplayLength”: 100, “bFilter”: false, “aaSorting” : [[2, “desc”]], “fnRowCallback”: function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) { if ( aData[2] == “5” ) { $(‘td’, nRow).css(‘background-color’, ‘Red’); } else if ( aData[2] == “4” ) { $(‘td’, nRow).css(‘background-color’, ‘Orange’); } } }); […]

使用knockoutjs进行数据表数据绑定

我想使用datatable knockoutjs绑定将数据呈现到表中。 我使用以下链接和代码将数据呈现到表中。 http://datatables.net/dev/knockout/ 我在上面的示例中做的唯一更改是在渲染年龄数据时，我在age col中添加了输入框以供记录，而在表底部添加Updatebutton，以便用户可以更改其年龄并单击更新按钮数据应自动更新在下一页中，它应该反映在表格中。 我面临的问题是我无法更新本地js“人员”模型，因此无法使用knockoutjs绑定更新的数据。 ko.observableArray.fn.subscribeArrayChanged = function(addCallback, deleteCallback) { var previousValue = undefined; this.subscribe(function(_previousValue) { previousValue = _previousValue.slice(0); }, undefined, ‘beforeChange’); this.subscribe(function(latestValue) { var editScript = ko.utils.compareArrays(previousValue, latestValue); for (var i = 0, j = editScript.length; i < j; i++) { switch (editScript[i].status) { case "retained": break; case "deleted": if (deleteCallback) deleteCallback(editScript[i].value); […]

将数据导出为ex​​cel不在数据表中工作

在head之间添加此行后，导出数据和TableTools对我不起作用： 并更改表id prop： $(‘#myTable’).dataTable({ “sDom”: ‘lfrtipT’ }); 我可以看到桌子上的tableTools按钮，但是，它们没有用

如何在TableTools中使用链接而不是flash按钮

我正试图找到一种方法来改变TableTools上的按钮。 我想使用自己的自定义链接而不是闪光按钮。 有没有办法可以做到这一点？ 任何好的资源教我如何进行修改，仍然能够使用按钮收集等function。

部分视图在Jquery Ajax Post之后刷新

在我的c＃MVC4应用程序中，我正在处理两个部分视图。 部分视图1位于具有id Partial_Analysis的div中，Partial View 2位于具有id Display_Average的div中。 每个视图都包含一个datatables.net数据表。 当在部分视图1中的表中选择行时，生成jquery ajax post，其使得部分视图2刷新，其中更新的数据表显示基于在部分视图1中进行的行选择的结果。 $(document).ready(function () { $(‘.rowselection’).click(function (e) { var tdata = $(‘#form1’).serialize(); $.ajax({ type: “POST”, data: tdata, url: “Home/PartialAverage”, success: function (result) { success(result); } }); }); function success(result) { $(“#Display_Average”).html(result); } }); 单击特定按钮时，将刷新部分视图1。 $(document).ready(function () { $(‘#ChangeName’).click(function (e) { var tdata = $(‘#form1’).serialize(); var origname = […]

数据表sDom挑战在表格的左下角添加新元素

我想在表格底部的表格中添加一个“刷新”按钮。 但我刚开始使用数据表并且它有点令人困惑，因为它是“sDom”部分，它说我可以通过这种方式做到这一点，但描述充其量是模糊的。 “sDom”: ‘rt’ 是datatables.net的例子，但我不知道如何做出这样的正面或反面，我想做的只是一件简单的事情。 或者是否有“sDom”的外部更适合我想做的事情？

DataTables：从表filter中创建url查询字符串

当我在表格中搜索或点击filter时，我想从表格中进行url查询以将此url分享给某人。 有人知道这有可能吗？ 这是我的代码 $(“#example”).dataTable({ “aLengthMenu”: [[10, 25, 50, 100, -1], [10, 25, 50, 100, “All”]], “iDisplayLength”: -1, “fnStateSave”: function(oSettings, oData) { localStorage.setItem(‘DataTables_’ + window.location.pathname, JSON.stringify(oData)); }, “fnStateLoad”: function(oSettings) { return JSON.parse(localStorage.getItem(‘DataTables_’ + window.location.pathname)); }, “fnStateSaveCallback”: function(){ } }).columnFilter({ sPlaceHolder: “foot:after”, aoColumns: [ {type: “text”, bSmart: true}, {type: “select”, values: [‘YearEnd’, ‘Quarter’]}, {type: “number-range”}, {type: “number-range”}, […]