DOMデータソースを持つpug mixinからdataTablesを作成すると「テーブルにデータがありません」というメッセージが表示される

Question

ノードから渡している値からテーブルを作成するためにjade mixinを作った。私はドキュメントでデータテーブルをインスタンス化していますが、 "テーブルにデータがありません"というメッセージが表示され続けます。

問題の原因となっている2つの競合状態があると感じています。ここ

はJS問題がTBODYタグだったこの問題に遭遇し、誰のために

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

Answer 1

  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) 

パグ

であり、ここです。どんな理由であれ、パグは2つのtbodyタグを作成していました。そして、dataTableは、常に空になった最初のボディを取るでしょう。