从远程 url 使用 JSON 创建 Dyantable

Question

我正在尝试使用 Dynatable 创建一个表格来显示远程 URL 上提供的数据

我正在测试一个名为 Jackrabbit 的班级管理解决方案，它提供了一个端点 (here - which has my sample data)，其中包含 JSON 格式的班级列表。

我查看了dynatable not creating table from remote JSON 和Load remote JSON from Dynatable，但还没有找到解决方案。

I've been working in this JS Fiddle

JS：

$(document).ready(function(){$.getJSON("https://app.jackrabbitclass.com/jr3.0/Openings/OpeningsJSON?orgID=537284", function(data) {
$("#classes").dynatable({
    dataset: {
        records: data
    }
});

});})

外部 JSON 文件包含许多不同的字段，但我仅将其中一些用于表。有人能指出我正确的方向吗？

Answer 1

您脚本的数据集记录数据未通过正确的表结构方式。只需将您的脚本替换为以下内容，不要忘记用 from data_value 填充空白数据数组值（我只添加了名称和说明，请设置其他数据） -

$(document).ready(function(){$.getJSON("https://app.jackrabbitclass.com/jr3.0/Openings/OpeningsJSON?orgID=537284", function(data) {
    var data_arr = [];
    $.each(data.rows, function(key, data_value){
  data_arr.push({
    'name' : data_value.name,
    'instructors' : data_value.instructors[0],
    'meeting_days' : '',
    'min_age' : '',
    'openings' : '',
    'start_time' : '',
    'tuition' : '',
  });
});
$("#classes").dynatable({
  dataset: {
    records: data_arr
  }
});});});