数据获取绘制数据

Question

我正在尝试从我的表中检索数据，该表是drwan到屏幕上。

我能够在每次重绘时获取表数据，但是它是完整的数据集，而不是绘制到屏幕上的数据集。

$(document).ready(function() {
    var table = $('#myTable').DataTable({
        dom: 'Blfrtip',
        buttons: [
            {
                extend: 'excel',
                text: 'Download Excel'
            }
        ]
    });     
    $('#myTable').on('draw.dt', function (){
        console.log(table.data());
    });
    $('#search-category').bind('input propertychange',function(){
        table
        .column(3)
        .search(this.value)
        .draw();
    }),
    $('#search-sub-category').bind('input propertychange', function(){
        table
        .column(4)
        .search(this.value)
        .draw();
    })
} );

我的目标是获取每一次重绘，即实际显示给用户的表数据。

https://jsfiddle.net/qbcnsjo8/

Answer 1

使用rows().data() API方法根据特定条件检索部分或所有行的数据。

若要检索已应用搜索的行的数据：

table.rows({ search: 'applied' }).data();

若要检索当前页上应用搜索的行的数据，请执行以下操作：

table.rows({ 'page': 'current', search: 'applied' }).data();

来自文档

返回数组中数据的顺序以及数据是从哪些行(搜索行、可见行等)获取的，由用于获取所选行的rows()选择器的rows()选项控制。

有关代码和演示，请参见更新的例子。