Bootstrap 4 无法使用Java脚本使引导表加载数据

我是一个试图学习bootstrap表的新手，并且已经为使用javascript加载基本数据而奋斗了一段时间。下面的代码似乎有效，但返回结果“未找到匹配的记录”

我将感谢您对我做错了什么的指导

您好，引导表！
变量数据=“[{id:0，“名称”：“项目0”，“价格”：“$0”}，{id:1，“名称”：“项目1”，“价格”：“$1”}，{id:2，“名称”：“项目2”，“价格”：“$2”}]”；
data_json=json.parse（数据）；
$（“#表”）.bootstrapTable（'load'，data#u json）；

请将

$（“#表”）.bootstrapTable（）更改为以下内容：

<script>
    var data = '[{"id": 0,"name": "Item 0","price": "$0"}, {"id": 1,"name": "Item 1","price": "$1"},{"id": 2,"name": "Item 2","price": "$2"}]';
    data_json=JSON.parse(data);
    $('#table').bootstrapTable({
        data: data_json
    });
</script>

<table id="table" data-toggle="table" >
  <thead>
    <th>Item ID</th>
    <th data-field="name">Item Name</th>
    <th data-field="price">Item Price</th>
  </thead>
</table>

必须存在，以便
引导表
知道要显示哪个。
您的建议非常有效！非常感谢你。我添加了：Item ID以正确显示“ID”列