c# - 当 bjqueryui 为 true 时，JQuery 数据表分页按钮一起挤压

Question

这是我的数据表...

 oTable = $('#example').dataTable({
       "sDom": 'T<"clear">lfrtip',
        //"sDom": 'R<"H"Tlfr>t<"F"ip>',
        // "bServerSide": true,
        "sAjaxSource": '@Url.Action("GetAllDonors", "Person")',
        /* Reduced data set */
        "bProcessing": true,
         "sScrollX": "100%",
        "sScrollXInner": "100%",
        "bScrollCollapse": true,
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "iDisplayLength": 10,
        "fnInitComplete": function (oSettings) {
            $(oTable.fnGetNodes()).click(function () {
                var iPos = oTable.fnGetPosition(this);
                var aData = oSettings.aoData[iPos]._aData;
                location.href = '/Person/Details?id=' + aData[0];
                //alert('Data at index 0: '+aData[0]);
            });
        },
        "aoColumns": [
        { "bVisible": false },
        { "sTitle": "Name" },
        { "sTitle": "Address" },
        { "sTitle": "Phone" },
        { "sTitle": "Email" },
        { "sTitle": "Company" }
    ]

    });
});

当我启用 ui 主题时，分页按钮会被推到一起，因此有些按钮重叠/无法单击它们。有什么想法吗？

这是它的屏幕截图：

Answer 1

将 jquery.ui javascript 和 css 文件的脚本 src 添加到您的文档中。