Datatables简要显示在页面加载和刷新时删除的行

<table id="example" class="display" style="width:100%"></table>

$(document).ready(function() {
    $('#example').DataTable({
        ajax: {
            url: 'data.json', // 数据源的URL
            dataSrc: 'data' // 数据源中的数据字段
        },
        columns: [
            { data: 'id' },
            { data: 'name' },
            { data: 'age' },
            { data: 'email' }
        ],
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    });
});

{
    "data": [
        {
            "id": 1,
            "name": "John Doe",
            "age": 30,
            "email": "john.doe@example.com",
            "deleted": false // 删除标记
        },
        {
            "id": 2,
            "name": "Jane Smith",
            "age": 25,
            "email": "jane.smith@example.com",
            "deleted": true // 删除标记
        },
        ...
    ]
}

$(document).ready(function() {
    $('#example').DataTable({
        // 配置选项...
        drawCallback: function(settings) {
            var api = this.api();
            api.rows().every(function() {
                var data = this.data();
                if (data.deleted) {
                    this.remove(); // 删除行
                }
            });
        }
    });
});