DataTable列过滤器

Question

function getalluserrollforviewtracker() {
    $.ajax({
        type: 'POST',
        url: '/mobitelprogress/Auserrole',
        contentType: 'application/json',
        success: function (data, textStatus, jqXHR) {
            console.log(data);
            displayalltrackernames(data);
        },
        error: function (jqXHR, textStatus, errorThrown) {
            $('#managerselectuserrole').html("<tr><td colspan='5'class='text-center' style='color:red'>System Error.</td></tr>");
        }
    });
}

function displayalltrackernames(data) {
    var rowData = "";
    if (data.length === 0) {
        $('#managerselectuserrole')
                .html("<tr><td colspan='5'class='text-center' style='color:red'>no any User Role done yet </td></tr>");
    } else {
        $.each(data, function (x, tDataJson) {
            rowData += "<tr>"
                    + "<td>" + (x + 1) + "</td>"
                    + "<td>" + tDataJson.userRole + "</td>"
                    + "<td><i class='ion-checkmark-circled'></i></td>"
                    + "<td align='center'><input type='button' class='btn btn-xs btn-info '  value='info' onclick='loadtrackerpage(" + JSON.stringify(tDataJson.userRole) + ");' /></td>"
                    + "</tr>";
        });
        $('#managerselectuserrole').html(rowData);
    }
}

我在数据库中为get json数据创建了ajax调用。然后我使用上面的javascript方法替换数据。我的表体ID是id=managerselectuserrole。所以我可以将数据设置到我的表中。但我的总数据行大约是100.因此我想使用DataTable Column Filter方法。我如何将上述方法应用于上述代码。