我想把IDB中添加的字典的每个键的每个值追加到表的单元格中。
词典的添加方式如下：

var trans_write = data_base.transaction(["students"], "readwrite");
var petition_write = trans_write.objectStore("students");
var query = petition_write.add(dictionary);

data_base是触发onsuccess事件时存储e.target.result;的全局变量
然后，我将同一个字典传递给一个函数，该函数将迭代来自同一个字典的每个键的值，这样我就可以将其值添加到一个单元格，然后将该单元格添加到一行，最后添加到主表：

function displayDataOnTable(dictionary) {

    var trans = data_base.transaction(["students"], "readonly");
    var query = trans.objectStore("students");

    var cursor = query.openCursor();
    cursor.addEventListener("success", function(e) {

        var the_cursor = e.target.result;

        if (the_cursor) {

            var new_row = document.createElement("tr");
            for (var key in dictionary) {

                var cell_data = the_cursor.value.key;
                var new_cell = document.createElement("td");
                new_cell.append(cell_data);
                new_row.append(new_cell);

            }

            table.append(new_row);
            the_cursor.continue();

        }

    }, false);

}

正如你所猜测的，table是全局变量，它已经分配了一个HTMLTable，后者是通过它的id获得的：document.getElementById("idTable");
我遇到的问题是var cell_data = the_cursor.value.key;行将cell_data赋值为undefined，并且for (var key in dictionary)的迭代器key引用了它，声明了它，但它从未被读取，所以这导致表中所有的单元格都是“undefined”。
有什么解决办法吗？最好的问候。谢谢。
更新#2（共享原始的完整代码，包括JS和HTML。英语不是我的主要语言，所以请原谅）：
第一次