在动态创建的表格中引导交替行颜色

tr:nth-child(odd) {
  background-color: #f2f2f2;
}

tr:nth-child(even) {
  background-color: #ffffff;
}

<div class="table-container">
  <table>
    <tr>
      <td>数据1</td>
      <td>数据2</td>
    </tr>
    <tr>
      <td>数据3</td>
      <td>数据4</td>
    </tr>
    <!-- 更多行... -->
  </table>
</div>

.table-container table tr:nth-child(odd) {
  background-color: #f2f2f2;
}

.table-container table tr:nth-child(even) {
  background-color: #ffffff;
}