数据表 - RowsGroup 向其他数据表抛出错误

如何解决数据表 - RowsGroup 向其他数据表抛出错误

我在一页上初始化了 3 个数据表。 3 加载了不同的 Id 和不同的数据。当我在其中一个表上使用 rowsGroup 时，它工作正常。但是，对于其他 2 个，它们会卡在“处理”上并收到错误 Maximum stack size exceeded。

我尝试在每个表的末尾添加一个“initComplete”，以便它知道该表已完成，但同样的问题。这是我的桌子

let pestsTable;
    let diseasesTable;
    let weedsTable;

    //Table 1
    pestsTable = $('#pests_table').DataTable({
      "pageLength": 10,"processing": true,"ajax": {
        "url": '/assets/ajax/table_ajax_handler.PHP',"type": "POST","data": {
          action: "getpestsForTable"
        }
      },"rowsGroup": [
        1,2,3,4,5,6,7,9 
      ],"columns": [{
          "data": "crop"
        },{
          "data": "pests"
        },{
          "data": "chemical"
        },{
          "data": "product"
        },{
          "data": "rate"
        },{
          "data": "max_no"
        },{
          "data": "hi"
        },{
          "data": "mrl"
        },{
          "data": "pcs_no"
        },{
          "data": "supplier"
        },{
          "data": "use_by_date"
        }
      ],"searchCols": [
        {
          "search": '<?= $crop ?>' || null
        }
      ],"columnDefs": [{
          "targets": [0],"visible": false,"searchable": true
        },{
          "targets": [1],"visible": true,"searchable": true
        }
      ],"order": [
        [2,"asc"]
      ],"initComplete": function(settings,json) {
        console.log("pests table complete");
      }
    });

    //Table 2
    diseasesTable = $('#diseases_table').DataTable({
      "pageLength": 10,"data": {
          action: "getdiseasesForTable"
        }
      },"rowsGroup": [
        1
      ],{
          "data": "diseases"
        },"asc"]
      ]
    });

    //Table 3
    weedsTable = $('#weeds_table').DataTable({
      "pageLength": 10,"data": {
          action: "getWeedsForTable"
        }
      },{
          "data": "weeds"
        },"asc"]
      ]
    });