Question

我正在尝试将我的桌子中的数据检索到屏幕上。

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

$(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();

来自documentation：

返回数组中数据的顺序以及从中搜索数据的行（搜索行，可见行等）由用于获取数据的selector-modifier选择器的rows()选项控制选定的行。

请参阅updated example以获取代码和演示。

数据表获取数据

1 个答案: