Javascript jquery数据表分页未出现

我正在grails应用程序中使用 这是我的初始化代码：

<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>

$（文档）.ready（函数（）{
变量oTable=$（'#projectTable'）。数据表({
“bSort”：错误，
“sPaginationType”：“完整编号”
});
可旋转柱形滤波器({
sPlaceHolder:“头：之前”，
AO列：[
{s选择器：“#ProjectdFilter”}，
{s选择器：“#projectNameFilter”}，
{s选择器：“#项目状态筛选器”，键入：“选择”}，
{s选择器：“#projectModifiedFilter”}，
{s选择器：“#projectActionablesFilter”}
]
});
});
函数resetFilters（）{
var-oTable=$（'#projectTable'）.dataTable（）；
var oSettings=oTable.fnSettings（）；
对于（iCol=0；iCol

我的testdata包含30个数据行，工作正常（过滤、清除过滤器等）。唯一的问题是，分页将不会显示

如你所见：

• 分页在后台工作（

  显示30个分页中的1-1个）

• 出现第一个文本，但不可单击（与当前第一页相同）

我已经尝试了很多不同的分页类型，bPaginate，bSort，。。。一切似乎都不起作用

有什么想法吗？底层grails应用程序的问题

---

小插件问题/信息：如果我删除

bSort:false

分页将完全中断，所有项目（1到30）都列在一个页面上。

对于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" }]
    });

---

我找到了解决方案——两个不同的jquery版本的混合，一个由aui（atlassian用户界面）自动提供，另一个由我手动提供。最后选择了错误的一个，导致缺少分页

因此，解决办法：

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

遗憾的是，这不起作用。它完全打破了桌子。所有结果将显示在一个30个列表中，完全不分页。此外，它将删除columfilters:）使用下面的js来处理此问题