项目里面的需求是将表格的表头高度改成和表格数据行一样高,但是这个单独的ui要求不好去直接改全局,就需要自己在代码中选择到表头的样式,我的做法是这样的:
.table-div .ant-table-thead>tr>th {
height: 60px !important;
}
<div className='mg2t table-div'>
<Table dataSource={dataSource} columns={columns} />;
</div>
通过table组件外部的div设置一个className为table-div,再在样式表中使用table-div .ant-table-thead>tr>th来选择到表头的样式,最后修改完记得加上 !important,否则效果出不来,这种方式也可以作用于其它的组件样式