好的,我的代码有效,但由于某种原因,它没有过滤任何结果。它总是返回零,即使我做的搜索是在那里。任何帮助将不胜感激。
var oTableData;
$(document).ready(function() {
var tdata;
$('#filterrow').hide();
$.ajax({
type: "POST",
url: "DataTable.aspx/GetData",
data: "{}",
dataType: "json",
contentType: "application/json; charset=utf-8",
success: function(result) {
tdata = jQuery.parseJSON(result.d);
oTableData = $("#tblDataTable").DataTable({
data: tdata,
responsive: true,
dom: '<"top"Tfl><"clear">rt<"bottom"ip><"clear">',
tableTools: {
"sSwfPath": "/Content/DataTables-1.10.4/extensions/TableTools/swf/copy_csv_xls.swf",
"aButtons": [
{
"sExtends": "copy",
"sButtonText": "Copy to clipboard",
"oSelectorOpts": { page: 'current' }
},
{
"sExtends": "csv",
"sButtonText": "Export to CSV",
"oSelectorOpts": { page: 'current' }
}
]
}
columns: [
{ data: 'Amount' },
{ data: 'MessageDate' },
{ data: 'Status' },
{ data: 'MessageId' }
]
});
var table = oTableData;
table.columns().eq(0).each(function (colIdx) {
$('input', table.column(colIdx).footer()).on('keyup change', function () {
table
.column(colIdx)
.search(this.value)
.draw();
});
});
}
});
});
我已从这个网站上删除:
http://www.datatables.net/examples/api/multi_filter.html
**更新**
如果我使用个人ID搜索,则可以:
$('#dtreference').on('keyup', function () {
oTableData
.columns(0)
.search(this.value)
.draw();
});
**更新**
好的,所以添加一些日志记录显示以下内容。在表的初始绘制中,我有7列0,1,2,3,4,5,6
当我在第一列中输入值时,日志记录显示以下内容:
1,2,3,4,5,6-
我仍然期望这会搜索/过滤表格。