jQuery的数据表PageLength不工作

Question

我有一个从REST API获取数据，然后将结果添加到数据表的函数。 问题在于结果表将所有结果显示在一页上，而不是分成50页。

$('#SearchResults').remove(); //clear previous results

$.getJSON(link, null, function (data) {
    //alert(JSON.stringify(data));
    if (data.value.length === 0) {
        document.getElementById('notFound').innerHTML = "Search returned no results. Please check your selections and try again.";
    } else {
        var table = document.createElement('table');
        table.id = "SearchResults"
        $("#SearchResults").attr('data-page-length', 50);
        $("#SearchResults").attr('data-order', '[[ 1, "asc" ]]');

        var head = document.createElement('thead');

        $.each(data.value, function (i, value) {
            //alert(JSON.stringify(value));
            var tr = document.createElement('tr');

            var td1 = document.createElement('td');
            var td2 = document.createElement('td');
            var td3 = document.createElement('td');

            var link = "<a href=property.html?accountID=" + value.accountID + "/>";

            td1.innerHTML = link + value.accountID;
            td2.innerHTML = link + value.address;
            td3.innerHTML = link + value.fair_value;

            tr.appendChild(td1);
            tr.appendChild(td2);
            tr.appendChild(td3);

            //table.appendChild(tr);
            head.appendChild(tr);
        })
        table.appendChild(head);
        document.body.appendChild(table);
        $('#SearchResults').DataTable({
            "paging": true,
            "searching": false,
            "pageLength": 50
        });
    }
});

在html页面上，我包括：

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.js"></script>

再次，问题在于该表显示的是REST调用的所有结果的一页，而不是将其分成50个页面。

有任何想法吗？

谢谢。

Answer 1

解决方案是从头开始将故事构建为数据表，而不是将其构建为html，然后将其转换为数据表。