如何样式化用Jquery动态创建的html表(tr和td标签)

.myTable {
  width: 100%;
  border-collapse: collapse;
}

.myTable th, .myTable td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.myTable th {
  background-color: #f2f2f2;
}

// 创建表格
var table = $('<table>').addClass('myTable');

// 创建表头
var thead = $('<thead>');
var tr = $('<tr>');
tr.append('<th>表头1</th>');
tr.append('<th>表头2</th>');
thead.append(tr);
table.append(thead);

// 创建表格内容
var tbody = $('<tbody>');
for (var i = 0; i < 5; i++) {
  var tr = $('<tr>');
  tr.append('<td>行' + (i+1) + '列1</td>');
  tr.append('<td>行' + (i+1) + '列2</td>');
  tbody.append(tr);
}
table.append(tbody);

// 将表格添加到页面中
$('body').append(table);