当el-table中的固定列在没有显示滚动条的情况下如何避免遮挡正常数据显示？

当在Vue.js的`el-table`组件中使用固定列并且不需要滚动条时，可以调整表格的高度使其正好填充容器，防止固定列遮挡正常数据。这里有几个步骤可以实现：

1. **设置表格高度**：给`el-table`添加一个动态计算的高度，通常是基于父元素的`clientHeight`，例如：

   <el-table :style="{ height: 'calc(100% - 48px)' }" :fixed-header="true">
     <!-- ... -->
   </el-table>

这里的`48px`通常代表表头的高度，具体数值可能会因UI样式而变化。

2. **处理窗口大小变化**：如果你的应用支持响应式布局，当窗口大小发生变化时，需要同步更新表格的高度，可以监听窗口的`resize`事件：

   new Vue({
     el: '#app',
     data() {
       return {
         tableHeight: window.innerHeight - 48 // 初始高度减去表头高度
       }
     },
     mounted() {
       window.addEventListener('resize', this.updateTableHeight);
     },
     beforeDestroy() {
       window.removeEventListener('resize', this.updateTableHeight);
     },
     methods: {
       updateTableHeight() {
         this.tableHeight = window.innerHeight - 48;
         this.$refs.tableElement.style.height = `${this.tableHeight}px`;
       }
     }
   });

这里假设`tableElement`是你想要操作的`el-table`的引用。

通过这种方式，你可以确保固定列不会遮挡正常的数据行，同时保持了良好的视觉体验。