antDesign的table组件设置行列样式

antDesign的table组件设置行列样式

　　首先，在columns中，给要添加样式的表格项添加一个类名属性：

columns=[
{
    title: "描述",
    key: "desc",
    dataIndex: "desc",
    className: "v-center",
    scopedSlots: { customRender: "desc" }
  },
]

　　然后在对应样式表里面添加样式就可以了：

.v-center {
  display: table-cell;
  vertical-align: middle;
}

　　要注意的是，如果想要设置的样式在table组件里有默认值，那么需要借助vue样式穿透才能使新的样式生效。关于vue样式穿透的简单使用，请走这篇 https://www.cnblogs.com/lindang/p/14180035.html