如何在不断动态生成的表行中居中显示文本视图？

<table>
  <thead>
    <tr>
      <th>表头1</th>
      <th>表头2</th>
    </tr>
  </thead>
  <tbody id="tableBody">
    <!-- 动态生成的表行将插入到这里 -->
  </tbody>
</table>

table {
  width: 100%;
  text-align: center;
}

th, td {
  padding: 10px;
  text-align: center;
}

// 假设有一个包含数据的数组
var data = [
  { col1: '数据1', col2: '数据2' },
  { col1: '数据3', col2: '数据4' },
  // ...
];

// 动态生成表行并插入到表格中
var tableBody = $('#tableBody');
data.forEach(function(item) {
  var row = $('<tr></tr>');
  row.append('<td>' + item.col1 + '</td>');
  row.append('<td>' + item.col2 + '</td>');
  tableBody.append(row);
});