Javascript 如何将Datatables插件添加到动态json表代码中？

我无法使用datatables插件使下表动态。在这里，我使用api获取json数据，并将其动态添加到html表中。我无法添加datatables插件并使其正常工作

冠状病毒跟踪器
国家
全部确认
死亡总数
全部恢复
tbody=document.getElementById（“tbody”）；
text=“”；
数据（）；
异步函数数据（）{
api=等待获取（“https://api.covid19api.com/summary");
结果=等待api.json（）；
填充（结果）；
}
函数填充（数据）{
对于（让x表示数据。国家）{
text+=`${x.Country}${x.totalconfirm}${x.totaldeath}${x.TotalRecovered}`；
tbody.innerHTML=文本；
}
}

您使用的URL已经以JSON格式返回数据：

{
“ID”：“028dd159-922a-41cf-a768-892259b0adab”，
“电文”：“，
“全球”：{
“新确认”：307033，
“已确认总数”：171061979，
“新死亡”：12153，
“死亡总数”：3562587，
“新恢复”：428741，
“总回收量”：108837399，
“日期”：“2021-06-02T14:23:45.417Z”
},
“国家”：[
{
“ID”：“35c3910f-e19a-48b4-afba-549e22cd4aac”，
“国家”：“阿富汗”，
“国家代码”：“AF”，
“鼻涕虫”：“阿富汗”，
“新确认”：0，
“已确认总数”：72977，
“新死亡”：0，
“死亡总数”：2973人，
“新恢复”：0，
“恢复总数”：57741，
“日期”：“2021-06-02T14:23:45.417Z”，
“溢价”：{}
},
...
],
“日期”：“2021-06-02T14:23:45.417Z”
}

DataTables直接处理JSON，因此不需要任何额外的处理程序逻辑

您的HTML表应该有一个ID，以便DataTables可以引用它：

<table id="example" ...>

以下是一个例子：

$（文档）.ready（函数（）{
$（'#示例'）。数据表（{
“ajax”：{
“url”：”https://api.covid19api.com/summary",
“dataSrc”：“国家”
},
“栏目”：[
{数据：“国家”，类名：“表警告”}，
{数据：“TotalConfirmed”，类名：'表危险'}，
{数据：“TotalDeaths”，类名：“表成功”}，
{数据：“TotalRecovered”，类名：'表主'}
]
} );
} );

冠状病毒跟踪器
国家
全部确认
死亡总数
全部恢复
请不要在您的问题中添加类似
xsssssssss
的内容
$('#example').DataTable( {...} );