jquery dataTable分頁沒有出現

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>

我的testdata涵蓋了30個數據行並且工作正常（過濾，清除過濾器等等）唯一的問題是，分頁不會顯示。

正如你看到的：

• 分頁在后台工作（ showing 1-1 of 30 ）
• 第一個文本出現，雖然不是可以解決的（如目前在第一頁）

我已經嘗試了很多不同的pagingType，bPaginate，bSort，...但事情似乎沒什么用。

有任何想法嗎？ 底層grails應用程序的問題？

小插件問題/信息：如果我刪除bSort: false ，分頁完全中斷，所有項目都在一頁上列出（1到30）。

Answer 1

對於javascript，我只使用sPaginationType來初始化數據表。
我總是將此代碼用於數據表。 讓我們逐步構建數據表。 僅使用此代碼，然后檢查它是否正常工作。

注意：請刪除除數據表js和css文件以外的所有其他javascript文件。 我遇到了一個數據表無法使用jquery日歷的問題。 試試這個讓我知道。

    $('#table_name').dataTable({
      "sPaginationType": "full_numbers"
      })
    .columnFilter({sPlaceHolder: "head:before",
      aoColumns: [{type: "text" },{type: "text" },{type: "text" },{type: "text" },{type: "text" },{type: "text" }]
    });

Answer 2

我找到了解決方案 - 兩個不同的jquery版本的混合，一個由aui（atlassian用戶界面）自動包含，另一個由我手動包含。 最后選擇了錯誤的一個並導致失去分頁。

解決方案：

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