可以做淘宝联盟的免费网站,优质国外网站,做网站用平板吗,青岛中小企业建设网站有扶持资金吗一、问题描述以及产生原因
问题描述#xff1a;当el-table表格有横向滚动条和纵向滚动条#xff0c;把横向滚动条拉到最右边#xff0c;表格的表头会和内容错位#xff08;表头和内容列不对齐#xff09;问题产生原因#xff1a;在el-table有纵向滚动条时#xff0c;el…一、问题描述以及产生原因
问题描述当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) }
}
