具有外部数据的多个jquery数据表 - 只会加载一个

时间:2014-05-12 15:21:13

标签: jquery datatable

我在同一页面上有2个jquery数据表,它们不会一起加载

第一个表格会加载,但第二个表格会挂起“处理”图标'如果您查看开发人员栏的网络部分,则永远不会调用用于获取数据的服务器端脚本

如果我将第一个表留在页面上但不加载其数据,则第二个数据表加载绝对正常。就好像我不能拥有2个服务器端处理数据表

以下是在文档就绪中加载表的代码。正如我所说,我已经确认它们都是独立加载的

       var btable = $('#branchesdt').DataTable( {
        "processing": true,
        "serverSide": true,
                 "sPaginationType": "full_numbers",
        "columns": [
            { "data": "branch_name" },
            { "data": "branch_email" },
            { "data": "tel" },
            { "data": "fax" },
            { "data": "address1" },
                        { "data": "address2" },
            { "data": "town" },
            { "data": "city" },
            { "data": "county" },
            { "data": "postcode" },
                        { "data": "country_name" },


             {"data": null,
                    "defaultContent": "<button>Click!</button>"
                         } 

             ],
             "ajax": "DataTables/branches_dt.php"


    } 

       );


   var etable = $('#employeesdt').DataTable( 


           {

        "processing": true,
        "serverSide": true,
                 "sPaginationType": "full_numbers",
                "ajax": "DataTables/employees_dt.php",
        "columns": [
            { "data": "employee_name" },
                        { "data": "position" },
            { "data": "employee_email" },
            { "data": "tel" },
            { "data": "fax" },
            { "data": "mobile" },
                        { "data": "last_contact_date" },
             {"data": null,
                    "defaultContent": "<button>Click!</button>"
                         } 

             ] 

         }           
    );

提前感谢您提供专家给予的任何帮助。非常感谢

1 个答案:

答案 0 :(得分:0)

您使用的是哪个版本的数据表? 我使用的是1.9.4版。尝试将此版本与以下调用代码一起使用:

dt = $('#branchesdt').dataTable({
        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "DataTables/employees_dt.php",
        "iDisplayLength": 50,
        "aaSorting": [
            [9, "desc"]
        ]});

第二个表格相同