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