[Javascript] jquery dataTableページネーションが表示されない


Answers

私は解決策を見つけました。これは2つの異なるjqueryバージョンのミックスで、aui(atlassianユーザーインターフェイス)と私が手動で自動的にインクルードしました。 間違ったものが最終的に選択され、ページ区切りが失われました。

解決策:

<script type="text/javascript" charset="utf8" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
Question

私はgrailsアプリケーション内でhttp://datatables.net/で作業しています。これは私の初期化コードです:

<g:javascript>
    $(document).ready(function () {
       var oTable = $('#projectTable').dataTable({
            "bSort": false,
            "sPaginationType": "full_numbers"
        });

        oTable.columnFilter({
            sPlaceHolder: "head:before",
            aoColumns: [
                { sSelector: "#projectIdFilter" },
                { sSelector: "#projectNameFilter" },
                { sSelector: "#projectStatusFilter", type: "select" },
                { sSelector: "#projectModifiedFilter"},
                { sSelector: "#projectActionablesFilter" }
            ]
        });
    });

    function resetFilters() {
        var oTable = $('#projectTable').dataTable();
        var oSettings = oTable.fnSettings();
        for(iCol = 0; iCol < oSettings.aoPreSearchCols.length; iCol++) {
            oSettings.aoPreSearchCols[iCol].sSearch = '';
        }
        oTable.fnDraw();
        $('#filter_Name').val('');
        $('#filter_Project_ID').val('');
        $('#filter_Modified').val('');
        $('#filter_Status').val('Status');
        $('#filter_Actionables').val('');
    }

</g:javascript>

私のテストデータは30個のデータ行をカバーしていて、うまく動作します(フィルタリング、フィルタリングなど...)。唯一の問題は、ページネーションが表示されないことです。

あなたが見るように:

  • ページネーションはバックグラウンドで機能しています( showing 1-1 of 30
  • 最初のテキストは現れていませんが(最初のページにあるように)

私は多くの異なるpagingType、bPaginate、bSort、...などを試みましたが、何も動作していないようです。

何か案は? 基礎となるgrailsアプリケーションの問題?

小さなアドオンの問題/情報:もし私がbSort: false削除すると、ページ区切りが完全に破られ、すべてのプロジェクトが1ページにリストされます(1から30)。




Links