antdesignvue1.7 css如何修改table样式

在 Ant Design Vue 1.7 中，Table 组件的样式可以通过 CSS 进行修改。以下是一个示例：

<template>
  <a-table :columns="columns" :data-source="data" class="custom-table" />
</template>

<style>
.custom-table {
  /* 修改表格边框样式 */
  border: 1px solid #ddd;

  /* 修改表头背景色和字体颜色 */
  .ant-table-thead > tr > th {
    background-color: #fafafa;
    color: #333;
  }

  /* 修改表格单元格背景色和字体颜色 */
  .ant-table-tbody > tr > td {
    background-color: #fff;
    color: #666;
  }

  /* 修改表格奇数行背景色 */
  .ant-table-tbody > tr:nth-child(odd) > td {
    background-color: #f5f5f5;
  }

  /* 修改表格鼠标悬停背景色 */
  .ant-table-row:hover > td {
    background-color: #e6f7ff;
  }
}
</style>

在上面的示例中，我们通过 `.custom-table` 类选择器来修改表格的样式。我们可以通过 CSS 修改表格的边框样式、表头和表格单元格的背景色和字体颜色、表格奇数行的背景色以及鼠标悬停时的背景色。