ant.design v4中经验总结

1. <Select>中如果一旦加了value属性，placeholder属性就会失效。解决方案：将默认的value值改成undefined即可

2. <Table>中鼠标悬浮上去，td背景色去除。解决方案：

:global {
    .ant-table-tbody tr:hover > td {
        background-color:transparent !important
    }
}

3. table嵌套子table的情况，如下设计图：

子table其实就是resource, 最上方的count和sample的title我是通过定位定上去的。但是会出现不对齐的情况，如下：

最终的解决方案：

.ant-table table {
    width: auto;
}

原来是100%的，改成auto就可以了。可能是table自动计算的冲突导致的。