使用Ajax使用数据过滤列

Question

我有一个已经通过Ajax提取表数据并且运行良好的进程。

我需要按列过滤数据。 我在查看示例时，发现它具有“过滤器控件”扩展名，但是据我了解或配置不正确，使用ajax会出现以下错误：

错误

function populateData(data) {
        $(".studentPanel").show();
        for (var i = 0; i < data.length; i++) {

            $(".totalFee" + i).val(data[i].total.amount);

            for (var j = 0; j < data[i].submissions.length; j++) {

                var ts = new Date(data[i].submissions[j].created_at);
                var dateString = ts.getDate() + "-" + ts.getMonth() + "-" + ts.getYear();
                console.log(data[i].submissions[j].amount);
                var tableRows = "<tr><td>" + data[i].submissions[j].amount + "</td><td>" + dateString + "</td>" +
                    "<td><button class=\"btn btn-primary Update\" onclick='updateFees(\"" + data[i].submissions[j].id + "\")'>Update</button></td><td><button  onclick='deleteFees(\"" + data[i].submissions[j].id + "\")'  class=\"btn btn-danger Delete\">Delete</button></td>\n</tr>";
                console.log(tableRows);
                $(".feeTable" + i).append(tableRows);
            }

        }
    }

Select2 Filter扩展对我有用吗？ 还是有人举一个使用Ajax的Filter Control或Select2 Filter的示例？

我的代码

    Uncaught TypeError: Cannot read property 'Nome' of undefined
        at String.<anonymous> (bootstrap-table-filter-control.min.js:7)
        at Function.each (jquery-2.2.4.min.js:2)
        at q (bootstrap-table-filter-control.min.js:7)
        at p.w.initBody (bootstrap-table-filter-control.min.js:7)
        at p.init (bootstrap-table.min.js:7)
        at p.b.init (bootstrap-table-filter.min.js:7)
        at p.w.init (bootstrap-table-filter-control.min.js:7)
        at new p (bootstrap-table.min.js:7)
        at HTMLTableElement.<anonymous> (bootstrap-table.min.js:8)
        at Function.each (jquery-2.2.4.min.js:2)