无远低代码开发平台_电子商务主要学什么主要干啥_今天新闻摘抄十条_网站专业术语中seo意思是

一、问题描述以及产生原因

• 问题描述：当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) }
}