如何创建词典并将其显示为网格？

// 创建词典
var dictionary = {
  "apple": "苹果",
  "banana": "香蕉",
  "orange": "橙子"
};

// 获取表格容器
var gridContainer = document.getElementById("grid-container");

// 创建表格
var table = document.createElement("table");

// 创建表头
var thead = document.createElement("thead");
var headerRow = document.createElement("tr");
var keyHeader = document.createElement("th");
keyHeader.textContent = "键";
var valueHeader = document.createElement("th");
valueHeader.textContent = "值";
headerRow.appendChild(keyHeader);
headerRow.appendChild(valueHeader);
thead.appendChild(headerRow);
table.appendChild(thead);

// 创建表格内容
var tbody = document.createElement("tbody");
for (var key in dictionary) {
  var row = document.createElement("tr");
  var keyCell = document.createElement("td");
  keyCell.textContent = key;
  var valueCell = document.createElement("td");
  valueCell.textContent = dictionary[key];
  row.appendChild(keyCell);
  row.appendChild(valueCell);
  tbody.appendChild(row);
}
table.appendChild(tbody);

// 将表格添加到容器中
gridContainer.appendChild(table);