之前用网上的方案 doLayout能解决固定列错位,但是项目上遇到了切换页面时 固定列又错位了。
解决方案一
每一列 加上固定宽度 不介意样式的可以这样
解决方案二
发现 错位产生的偏移 和 表格头的高度 有联系 。那么让表头高度固定死,不让其因为分辨率变化而变化。
el-table加上border 让表格变成带边框表格,然后css让表头超过一行显示 ... ,这样表头就能固定死成一行
.el-table th>.cell {
white-space: nowrap;
/* 文本在一行显示,不换行 */
text-overflow: ellipsis;
/* 显示省略符号来代表被修剪的文本。*/
overflow: hidden;
/* 超出部分隐藏 */
}
完美解决