如何在jquery对话框中创建表？

// HTML
<button id="openDialog">打开对话框</button>
<div id="dialog" title="表格对话框"></div>

// JavaScript
$(document).ready(function() {
  // 点击事件处理程序
  $("#openDialog").click(function() {
    // 创建对话框
    $("#dialog").dialog({
      width: 400,
      height: 300,
      modal: true
    });

    // 创建表格
    var table = $("<table>").addClass("myTable");
    
    // 创建表头
    var thead = $("<thead>");
    var headerRow = $("<tr>");
    headerRow.append($("<th>").text("列1"));
    headerRow.append($("<th>").text("列2"));
    thead.append(headerRow);
    
    // 创建数据行
    var tbody = $("<tbody>");
    for (var i = 0; i < 5; i++) {
      var dataRow = $("<tr>");
      dataRow.append($("<td>").text("数据" + (i+1) + "-1"));
      dataRow.append($("<td>").text("数据" + (i+1) + "-2"));
      tbody.append(dataRow);
    }
    
    // 将表头和数据行添加到表格中
    table.append(thead);
    table.append(tbody);
    
    // 将表格添加到对话框中
    $("#dialog").append(table);
  });
});