javascript - 行数可变时的动态数据表

标签 javascript json ajax datatables

我有一个 ajax 调用,它返回一个 JSON 对象,其中包含我希望在数据表中显示的数据,并且我将其显示如下:

  returnresult['DATA'].forEach( function (row) {
                                                        tableLogData.row.add({"0": row[0],
                                                                              "1": row[1],
                                                                              "2": row[2],
                                                                              "3": row[3],
                                                                              "4": row[4]}).draw( false );
                                                    })

它可以工作并显示此内容(忽略它们不按任何顺序排列的标题):

enter image description here

问题是,有时我需要显示的数据多于或少于我硬编码的 5 行。那么如何解释可变的行数呢?

最佳答案

您已经计算了可变数量的行。要考虑可变数量的列,您只需要另一个循环。

改变

tableLogData.row.add({
    "0": row[0],
    "1": row[1],
    "2": row[2],
    "3": row[3],
    "4": row[4]
}).draw( false );

const rowData = {};
for (let i in row) {
    rowData[i] = row[i];
}
tableLogData.row.add(rowData).draw( false );

关于javascript - 行数可变时的动态数据表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59401153/

相关文章:

javascript - Google Maps API V3 和 Javascript 结果和标记

javascript - WebStorm/PhpStorm 和 JavaScript ES6 : destructuring assignment not recognized

java - 以 JSON 格式刷新自定义对象的 HashMap

javascript - 从 ajax 调用文件,在名为 display() 的 javascript 函数内;

javascript - 嵌套三元运算符可接受的格式是什么?

javascript - 算法 - 搜索和替换字符串

Python/JSON : How to Resolve UnicodeDecodeError

mysql - SQL 不同的表或存储为同一表中的文本

ajax - f :ajax not working on tomcat7/eclipse

ajax - 如何在 Backbone 的 model.save 错误回调中获取错误响应?