Javascript Bootstrap table 尽管尝试了不同的调用语法但仍未加载数据

Question

从 bootstrap 方法调用加载方法时出现问题。我的代码在 JSFiddle 上：https://jsfiddle.net/VGerardsson/uxc8wLq4/23/

我正在使用 JQuery 3.3.1 和 bootstrap 4.3.1

我按照模板使用了几个不同的调用来填充 table。最初我调用了 URL 来填充 table 但这导致了超时错误。然而，我目前的错误是我最多只能显示一个空的 table 。

使用我在 Whosebug 上查看的问题的答案，我找不到答案。我使用了以下两种方法。只有 load 调用 returns 结果是空的 table。参数 data-toggle="table" 已设置。

  $table.bootstrapTable('load', Mydata)
  $table.bootstrapTable({data: data})

有人能给我指出正确的方向吗？让我知道 JFiddle 是否不正确。

Answer 1

您的代码有两个错误。

1st：您没有初始化$table变量。 2nd：您必须在 th 标签中提供 data-field 属性。我已经做了修改，你可以看看

确保同时更正 json 数据。

这是更新后的 fiddle。

确保下次使用 Whosebug 代码段来嵌入代码。使用起来更方便。

Javascript Bootstrap table not loading data despite different call syntax attempts