Tag: jquery数据表

JQuery数据表如何使用OR逻辑在单个列中搜索多个值

例如,有一个关于Source的列索引为7。 我想通过在搜索输入框中键入A,B来过滤掉A或B中的所有Source作为我的结果。 格式A,B是灵活的,可以是A | B,A B. 谢谢你的帮助。

在绘制之前将参数添加到datatable ajax调用

我正在使用DataTables 1.10 有没有人知道如何在table.draw()之前动态地向ajax调用添加一个参数,所以我的请求有新的参数? 我到处寻找,找不到答案。 我有一个人可以按下的按钮,并根据该按钮向服务器发送不同的参数。 $(‘#mytable’).DataTable({ iDisplayLength: 10, responsive: true, processing: true, serverSide: true, searching: false, bLengthChange: false, bProcessing: true, paging: true, ajax: { url: me.url, dataType: ‘json’, cache:false, type: ‘GET’, data: function ( d ) { $.extend( d, me.data); d.supersearch = $(‘.my-filter’).val(); } }, columns: me.columns, columnDefs: me.renderer, initComplete: function() { } }); 这一切都很好,但后来我尝试将它绑定到一个按钮来传递新的参数。 […]

jquery DataTables – 更改单元格的值而不仅仅是显示值

使用DataTables我想在渲染表之前更改数据的值。 我用过这个: “fnRowCallback”: function( nRow, aData, iDisplayIndex ) { if ( aData[2] == “0” ){ $(‘td:eq(1)’, nRow).html( ‘6’ ); } } 但我发现虽然我将显示的文本更改为0到6,但是当我按列排序时,它仍然按数据排序,而不是显示的文本。 有谁知道我怎么能真正改变单元格中的数据,这样当我排序时它会正确排序0-6?

数据表,如何在表的所有行上绑定事件

我的数据表工作正常,除了我试图在每一行上添加dblclickfunction,这部分工作。 所以,这是我的代码: oTable = $(‘#example’).dataTable({ “aaSorting”: [[ 1, “desc” ]], “bJQueryUI”: true, “sPaginationType”: “full_numbers” }); /* Add a click handler to the rows */ //This highlights the row selected $(“#example tbody”).click(function(event) { $(oTable.fnSettings().aoData).each(function (){ $(this.nTr).removeClass(‘row_selected’); }); $(event.target.parentNode).addClass(‘row_selected’); }); //this attaches a dblclick event on the row $(“#example tr”).dblclick(function() { var iPos = oTable.fnGetPosition( this ); […]

dataTables导出到Excel按钮未显示

我在jquery dataTables中遇到了问题。 iPad和移动设备中未显示“导出到Excel”。 它在桌面上显示。 其他按钮如copy,csv和pdf在iPad和桌面上显示。 这是我的代码: $(‘#productDatatable’).DataTable({ dom: ‘Bfrtip’, buttons: [ ‘copy’, ‘excel’, ‘pdf’, ‘csv’ ] } );

jquery数据表跨页面的行数

我正在为我的HTML表使用jQuery DataTables插件。 有没有办法在页面中获取表格中行数的行数。 例如,如果我的表中有70行,并且假设其中50行显示在第1页上,而20显示在第2页上。 有没有办法获得70的计数? 我已经尝试了这篇文章中包含的所有建议: jQuery:计算表中的行数 这包括: var rowCount = $(‘#myTable tr’).length; var rowCount = $(‘#myTable tr’).size(); var rowCount = $(‘#myTable >tbody >tr’).length; var rowCount = $(“#myTable”).attr(‘rows’).length; 但是所有上述建议似乎都返回现有页面上的行数(在本例中为50而不是70 )。

在DataTables中重命名“显示XX条目”下拉列表

在DataTables中有没有办法重命名Show ___ Entries下拉文本? 具体来说,我有一个客户想要将“显示”更改为“显示”。 如果内存服务,这是由lengthMenu项生成的,但是当我看到如何自定义选择框选项时,我还没有找到任何方法来更改标签。 更新:这是我的相关代码。 $(“#datatable”).dataTable( { bFilter: false, “sDom”: ‘lfptip’, “oLanguage”: { “sLengthMenu”: “Display _MENU_ records”, } “aoColumnDefs”: [{ “bSortable”: false, “aTargets”: [ 9 ] }, { sType: ‘datetime-us-flex’, aTargets: [0, 4] }, { sType: ‘numeric-empty-bottom’, aTargets: [7, 8] }, { “sClass”: “col-strong”, “aTargets”: [ 1 ] } ], });

在Select(DropDown)更改事件上重新初始化Jquery DataTable

我正在使用Jquery UI DataTable,它填充了select(DropDown) change事件。 在PageLoad它确定。 当我执行dropdown change事件时,使用fnDestroy() Reinitialized DataTable ,但DataTable的格式更改。 以下是我的代码.. campusChangeEvent = function () { $(‘#cmbClassCP’).on(‘change’, function () { $(‘#ClassRegistredDataTable’).dataTable().fnDestroy(); GetAllClassbyCampus($(‘#cmbClassCP :selected’).val()); }); }, GetAllClassbyCampus = function (id) { var oTable = $(‘#ClassRegistredDataTable’).dataTable({ “bJQueryUI”: true, “sPaginationType”: “full_numbers”, “bServerSide”: true, “bRetrieve”: true, “bDestroy”: true, “sAjaxSource”: “/forms/Setup/Setup.aspx/GetAllClassBycampus?CampusId=” + id, “fnServerData”: function (sSource, aoData, fnCallback) { $.ajax({ […]

jQuery datatables:测试datatables插件是否已初始化

我想检查具有say,id =“datatable”的表元素是否是数据表初始化的。 像这样的东西: if ($(‘#datatable’).dataTable().initialized) { alert(“initialized!”); } else { alert(“not initialized!”); } 我怎样才能做到这一点? 谢谢!

jquery DataTables。 如何获取过滤(可见)行

我有一个按钮,将filter应用于jquery数据表 $(“#buttonFilter”).button().click(function() { if (lboxColor.val() != null) { jqTable.fnFilter($(“option:selected”, lboxColor).text(), 1); } }); 它向我显示了例如来自60的47行。我尝试了.fnGetData()和fnGetNodes(),但它显示了所有行,但未过滤。 我怎么能得到47行?