json - ASP.NET Web API での jQuery DataTables と $.getJSON の問題

Question

ASP.NET Web Api コントローラーから返された JSON 結果から Jquery DataTables を構築しようとしています。

最初のページの読み込みで結果が得られますが、クリックして列やページネーションなどを並べ替えると、結果がありません。私の DataTable が JSON を読み込めないかのようです。

これが私のコードです。提供されたヘルプに事前に感謝します：

var apiUrl = 'api/dockets?beginning_date=10/28/2013';

$(document).ready(function () {
    $('#results-list').dataTable({

        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "/api/dockets"

    });
    // Send an AJAX request
    $.getJSON(apiUrl)
        .done(function (data) {

            $.each(data, function (key, item) {

                $('<tr><td>' + item.LastName + ', ' + item.FirstName + '</td><td>' + item.CaseNumber + '</td><td>' + item.CaseStatus + '</td><td>' + item.CourtSessionDate + '</td><td>' + item.CourtSessionStartTime + '</td><td>' + item.AppearanceReason + '</td><td>' + item.CourtRoom + '</td><td>' + item.OffenseDescription + '</tr>').appendTo("#results-list tbody");
            });
        });
});