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

【问题标题】：Multiple jquery datatables with external data - only one will load多个带有外部数据的 jquery 数据表 - 只有一个会加载
【发布时间】：2014-06-30 01:04:34
【问题描述】：

我在同一页面上有 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>"
                         } 

             ] 

         }           
    );

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

【问题讨论】：

标签： jquery datatable

【解决方案1】：

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

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

第二张桌子也一样

【讨论】：