javascript - 使用 DataTables (Meteor Tabular) 在新行中绘制数组的每个元素

Question

我正在使用 Meteor Tabular package它实现了 DataTables .我正在尝试从 Mongo 集合创建一个表。该集合有一个形式的文档

{
  input: Array[365],
  output: Array[365],
  date: Array[365]
}

我用下面的代码在 Meteor 中定义表

TabularTables.MyTable = new Tabular.Table({
    name: "MyTable",
    collection: MyTable,
    columns: [
        {data: "input", title: "Input", searchable: false},
        {data: "output", title: "Output", searchable: false},
        {data: "date", title: "Date", searchable: false}
    ],
    order: [[1, "desc"]],
    pageLength: 10
});

问题是，绘制此图时，每个变量的所有 365 个元素最终都在一个单元格中，因此我有一大行。我希望每个元素都在单独的行中创建，即

Input      Output      Date
input[0]   output[0]   date[0]
input[1]   output[1]   date[1]

目前是

Input            Output            Date
input[0...364]   output[0...364]   date[0...364]

Answer 1

您需要转换数据，然后将其放入本地集合，因为该包不接受数组(与我之前的想法相反)。

这似乎可行:

TabularTables = {};
local =  new Meteor.Collection();

var data = MyTable.findOne();
if (data) {
    local.find().forEach(function(x) { local.remove(x._id) });
    for (var i in data.input) {
        local.insert({
            input: data.input[i],
            output: data.output[i],
            date: data.date[i]
        });
    }
}

TabularTables.MyTable = new Tabular.Table({
    name: "MyTable",
    collection: local,
    columns: [
        {data: "input", title: "Input", searchable: false},
        {data: "output", title: "Output", searchable: false},
        {data: "date", title: "Date", searchable: false}
    ],
    order: [[1, "desc"]],
    pageLength: 10
});

请注意，这可能不再是响应式(Reactive)的。但我假设你在那些大数组中的数据也不会改变，否则你可能会改变你的模式以开始与 meteor 更兼容。希望这不是问题。