一、問題描述以及產生原因

• 問題描述：當el-table表格有橫向滾動條和縱向滾動條，把橫向滾動條拉到最右邊，表格的表頭會和內容錯位（表頭和內容列不對齊）
• 問題產生原因：在el-table有縱向滾動條時，el-table__body-wrapper + 縱向滾動條的寬度是100%，故表格內容區域寬度不足100%，而表頭el-table__header-wrapper的寬度仍為100%，表格內容實際寬度小于表頭，因此造成錯位

二、解決問題

• 思路：給表格表頭的寬度設置和表格內容一樣即可100% - 縱向滾動條寬度
• 代碼實現

::v-deep {.el-table__header-wrapper {// 這里我設置的縱向滾動條寬度為8pxwidth: calc(100% - 8px) }
}