数据表 - 自定义过滤器和分页答案

【问题标题】：datatables - Custom filter and pagination数据表 - 自定义过滤器和分页
【发布时间】：2018-06-14 04:55:00
【问题描述】：

我已经为我的数据表创建了自定义过滤器：

    $.fn.dataTable.ext.search.push(function(settings, data, dataIndex) {
        var row = table.row(dataIndex).node();

        if (checked) {
            if ($(row).data('distributed') == 0) {
                return true;
            }

            return false;
        } else {
            return true;
        }
    });

    table.draw();
    $.fn.dataTable.ext.search.pop();

它运行良好，但有一个例外 - 分页。当我应用这个过滤器时，我只返回了第一页，仅此而已。

这是我的数据表初始化：

var table = $('#invitation__table').DataTable({
    "ordering": false,
    "bLengthChange": false,
    pageLength: 50,
    deferRender: true,
    ajax: '{!! route('datatables', ['weekend' => $weekend, 'type' => $type]) !!}',
    columns: [
        { data: 'names', name: 'names' },
        { data: 'invitation_type', name: 'invitation_type' },
        { data: 'exhibitor', name: 'exhibitor' },
        { data: 'contact', name: 'contact' },
        { data: 'custom_access', name: 'custom_access', className: 'text-center' },
        { data: 'vip_room', name: 'vip_room', className: 'text-center' },
        { data: 'status', name: 'status', className: 'text-center' }
    ]
});

过滤概念

if(checkboxIsChecked) {
  if(rowHasDataAttributeWithValue == 1) {
    // hide this row
  }
} else {
   // show all rows
}

【问题讨论】：

因为您正在通过$.fn.dataTable.ext.search.pop();立即删除过滤器
@davidkonrad 我删除了它，但仍然无法正常工作，显示 (xxxx) 条记录，但只显示过滤的第一页
@davidkonrad 感谢您的提示，我应用了它；）但是这个分页仍然有问题:(
无法调试任何现有代码，但如果您坚持认为过滤器确实在工作，请尝试注释掉 deferRender: true,，看看是否有什么不同。
请自行回答（并记得将其标记为已接受）我只是有一种预感，我相信答案可以帮助未来的访客！ :)

标签： jquery datatable pagination datatables

【解决方案1】：

感谢@davidkonrad 的帮助，问题是：

deferRender: true

注释掉就可以了：）

【讨论】：