Javascript 使用DOM datasource从pug mixin创建数据表时一直说；表“中无可用数据”；

我制作了一个jade mixin来根据我从节点传递的值创建一个表。我在文档就绪时实例化dataTables，但我一直得到“表中没有可用数据”

我有一种感觉，这两个国家之间存在着导致问题的竞争条件

这是帕格

            table#brandPageTable.table.table-bordered.table-hover(name="Brands")
          thead
            tr
              th Company Name
              th Industry
              th Contact Name
              th Contact email
              th Contact Phone Number
          tbody
          mixin liveCampaigns(brandID,name,type,contactName,contactEmail,contactPhoneNumber)
            tr.clickable-row(data-url='/superUser/brands/'+brandID)
              td=name
              td=type
              td=contactName
              td=contactPhoneNumber

          for brand in brands
            +liveCampaigns(brand.id,brand.clientName,brand.businessType,brand.contactFirstName,brand.contactEmail,brand.contactPhoneNumber)

这是js

  document.addEventListener("DOMContentLoaded", function(event) { 
    $('#BrandsTable').DataTable();
  });

---

对于遇到此问题的任何人来说，问题在于tbody标签。不管出于什么原因，帕格创建了两个tbody标签，dataTable将取第一个总是空的body

问题必须包括代码的最低可行示例和您尝试过的内容的描述。