Ant Design Vue - 调整 table 表格每行（row）行高太高问题

前言

我的因为 操作 栏目，详情和结案中间使用了 “|” 组件，是它的行高太高，导致 撑起了 行高。

---

行高变高，一定是内容撑起来的 ，请检查 slot 插槽时有没有行高很高的组件或元素。

但是又不得不用 | 分割线组件，如下图所示：

想要的效果：

解决方案

通过去掉默认行 padding ，即可达到效果。

在当前页面加入以下代码：

/deep/ .ant-table-tbody > tr > td {
  padding: 0px!important;
}

写在后面

行高变高，一定是内容撑起来的 ，请检查 slot 插槽时有没有行高很高的组件或元素。