ant design vue 的table中template中的div穿透出表格

如果你想要修改 Ant Design Vue 的 Table 组件中 Template 中的 div 标签的样式，可以使用 CSS 的样式穿透（CSS deep selector）。样式穿透可以让你的样式在作用域内生效，同时不影响全局样式。

以下是一个简单的例子：

<template>
  <a-table :columns="columns" :data-source="dataSource">
    <template #name="{ text }">
      <div class="my-div">{{ text }}</div>
    </template>
  </a-table>
</template>

<style scoped>
/* 使用 /deep/ 选择器穿透 Template 中的 div 标签 */
.my-div /deep/ {
  color: red;
}
</style>

在上面的例子中，我们使用了 `/deep/` 选择器来穿透了 Template 中的 div 标签，然后修改了文字颜色。

需要注意的是，`/deep/` 选择器在 Vue 3.x 中已经被废弃，可以使用 `::v-deep` 来替代。例如：

<template>
  <a-table :columns="columns" :data-source="dataSource">
    <template #name="{ text }">
      <div class="my-div">{{ text }}</div>
    </template>
  </a-table>
</template>

<style scoped>
/* 使用 ::v-deep 选择器穿透 Template 中的 div 标签 */
.my-div ::v-deep {
  color: red;
}
</style>

希望这个回答能够帮助到你。