Use the table component of elementUI to make too long text appear on one line and misalign with the head?

The requirement of the

product is to force the text of the table to be displayed on one line. I set white-space:nowrap; to .cell and there is a problem as shown in the figure.
table component will forcibly generate two table tags and set table-layout: fixed to achieve two table alignment. If my above requirements cannot be realized, have you encountered such a problem?

Mar.01,2021

document

 hover  tooltip 
<el-table-column show-overflow-tooltip></el-table-column>
Menu