Element el-table 固定高度后当数据条数过多产生滚动条的问题

Element UI的el-table组件在设置固定高度时，如果数据条数过多，会自动生成垂直滚动条。如果你不希望在固定高度后出现滚动条，可以通过以下方法来处理：

1. 调整el-table的高度，使其能够容纳较少的数据条数，不会触发垂直滚动条。
2. 使用CSS样式来覆盖Element UI的默认表现，强制隐藏滚动条。

下面是CSS样式的示例，用于隐藏el-table的滚动条：

/* 隐藏滚动条，但仍可以滚动 */
.el-table--scrollable-y .el-table__body-wrapper {
  overflow-y: hidden !important;
}

将这段CSS添加到你的样式表中，并确保它的选择器优先级足够高，以覆盖默认的Element UI样式。

如果你希望在数据过多时显示滚动条，但不希望它与表格的固定高度冲突，可以使用Element UI的max-height属性来动态控制最大高度：

<template>
  <el-table
    :data="tableData"
    :max-height="tableHeight"
    style="width: 100%">
    <!-- 你的表格列 -->
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [], // 你的数据数组
      tableHeight: 200, // 初始高度
    };
  },
  // 你可以在这里根据数据条数动态调整tableHeight
};
</script>

在这个例子中，:max-height是动态绑定的，你可以根据实际情况动态计算tableHeight的值，确保表格在数据过多时能够正常显示滚动条。