从JavaScript源数据表中获取过滤后的数据数组

从JavaScript源数据表中获取过滤后的数据数组,javascript,jquery,datatable,datatables,Javascript,Jquery,Datatable,Datatables,我的dataTable版本是1.10.4。 我通过传递Javascript源数据来填充datatable var dataSet = [ ['Trident', 'Internet Explorer 4.0', 'Win 95+', '4', 'X'], ['Trident', 'Internet Explorer 5.0', 'Win 95+', '5', 'C'] //---- ]; $(document).ready(function () { $('

我的dataTable版本是1.10.4。 我通过传递Javascript源数据来填充datatable

var dataSet = [
    ['Trident', 'Internet Explorer 4.0', 'Win 95+', '4', 'X'],
    ['Trident', 'Internet Explorer 5.0', 'Win 95+', '5', 'C']
    //----
];



$(document).ready(function () {
    $('#demo').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>');

    $('#example').dataTable({
        "data": dataSet,
        "columns": [
            { "title": "Engine" },
            { "title": "Browser" },
            { "title": "Platform" },
            { "title": "Version", "class": "center" },
            { "title": "Grade", "class": "center" }
        ]
    });
});

请参考

这是一个搜索示例; 您可以删除按钮,并向您的区域添加onchange

Search <input type="text" id="searchText">
<input type = "button" onClick="searchAndUpdate()">
注意:您必须更新表格。

您可以使用
search.dt
事件进行此操作(此处假设您已将dataTable的实例存储在
变量中):

等等。注意,如果使用
DataTable()
而不是
DataTable()
实例化表,则不需要
api()
引用

叉形小提琴->


有关从dataTables实例中提取行的不同方法的示例,请参见

Search <input type="text" id="searchText">
<input type = "button" onClick="searchAndUpdate()">
     function searchAndUpdate(){
        var searchText = $('#searchText').val();
        var resultTable = [];
        dataSet.forEach(function(element) {
            var objString = JSON.stringify(element);
            if(objString.indexOf(searchText)!=-1){
                resultTable.push(element);
            }
        });
        console.log(resultTable);

        //update your table
    }
$("#example").on('search.dt', function() {
    var filteredRows = table
                       .api()
                       .rows( {order:'index', search:'applied'} )
                       .data();

    for (var i=0; i<filteredRows.length; i++) {
        console.log(filteredRows[i]);
    };    
});        
["Gecko", "Firefox 3.0", "Win 2k+ / OSX.3+", "1.9", "A"]
["Gecko", "Camino 1.0", "OSX.2+", "1.8", "A"]
["Gecko", "Camino 1.5", "OSX.3+", "1.8", "A"]
["Gecko", "Netscape 7.2", "Win 95+ / Mac OS 8.6-9.2", "1.7", "A"]