Javascript Bootstrap таблица не загружает данные, несмотря на различные попытки синтаксиса вызова

Question

У меня проблема при вызове метода загрузки из метода bootstrap. Мой код на JSFiddle здесь: https://jsfiddle.net/VGerardsson/uxc8wLq4/23/

Я использую JQuery 3.3.1 и bootstrap 4.3.1

Я следовал шаблонам и я использовал несколько разных звонков, чтобы заполнить таблицу. Сначала я вызвал URL для заполнения таблицы, но это вызвало ошибку тайм-аута. Однако моя текущая ошибка заключается в том, что я могу отображать только пустую таблицу в лучшем случае.

Используя ответы на вопросы, которые я проверял здесь в StackOverflow, я не смог найти ответ. Я использовал, среди прочего, два метода ниже. Только вызов load возвращает результат, но это пустая таблица. параметр data-toggle="table" уже установлен.

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

Может ли кто-нибудь указать мне правильное направление? Дайте мне знать, если JFiddle неверен.

Answer 1

в вашем коде было две ошибки.

1-й : вы не инициализировали переменную $table. 2nd : необходимо указать атрибут data-field в тегах th. Я внес изменения, вы можете посмотреть на них.

Обязательно исправьте и данные json.

вот обновленная скрипка.

https://jsfiddle.net/o39z2dse/3/

Обязательно используйте фрагмент stackoverflow в следующий раз для встраивания кода. Это проще в использовании.