在jQuery DataTable插件上保存自定义筛选器的状态

在jQuery DataTable插件上保存自定义筛选器的状态,jquery,filter,datatables,savestate,Jquery,Filter,Datatables,Savestate,我对来自RESTAPI结果的动态数据应用了定制的jQuery数据表过滤器。代码如下: $('#jQmyCases').DataTable({ //... All the required options are here ... // Fetch data from REST API }); 加载数据后,我将使用以下代码段初始化我的自定义筛选器: $('#jQmyCases thead').append('<tr id="filters"><th col="

我对来自RESTAPI结果的动态数据应用了定制的jQuery数据表过滤器。代码如下:

$('#jQmyCases').DataTable({ 
    //... All the required options are here ...
    // Fetch data from REST API
});
加载数据后,我将使用以下代码段初始化我的自定义筛选器:

$('#jQmyCases thead').append('<tr id="filters"><th col="ItemColor">Item Color</th><th>..</th>....</tr>'); // Many filters r there but i have only added one
$("#filters th").each(function (i) {
    var colheader = $(this).attr('col');
    var select = $('<select id="ddl' + colheader + '" style="width:80px;"><option value="">Selecteer ' + $(this).attr('col') + '</option></select>')
                    .appendTo($(this).empty())
                    .on('change', function () {
                        dataTableExample.column(i)
                       .search($(this).val())
                       .draw();
                    });


    dataTableExample.column(i).data().unique().sort().each(function (d, j, full) {
        try {
            if (full[j] != null) {
                if (i == 3) { // Column Color
                    var itemColor = full[j];
                    select.append('<option value="' + itemColor + '">' + itemColor + '</option>');
                }
            }
        }
        catch (err) {
            console.log(err);
        }
    });
});
现在我必须保存datatable的状态,以便在下一次重新加载页面时,它确实保存下拉列表的值并显示以前的结果

我已经看过了,它显示了一些我想要的逻辑,但是它有静态选项作为过滤器

问题:如何使用jQuery dataTable插件上的自定义过滤器实现
saveState
选项?有人对此有解决办法吗

任何帮助都将不胜感激