0

Here's my data table...

 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" }
    ]

    });
});

when I enable the ui theme, the paging buttons get pushed together so some are overlapping/can't click on them. Any thoughts?

Here's a screen shot of what it looks like: enter image description here

4

1 に答える 1

1

jquery.ui javascript および css ファイルのスクリプト src をドキュメントに追加します。

于 2012-10-17T18:10:41.493 に答える