Element Plus 3.0.1：el-table-infinite-scroll表格高度<95px时滚动失效问题

针对你遇到的「表格高度小于95px时，el-table-infinite-scroll滚动功能失效」的问题，可以尝试以下几种解决方向：

• 检查组件内置阈值
  通过浏览器开发者工具查看el-table__body-wrapper元素的样式，确认是否存在min-height限制。Element Plus的无限滚动组件可能内置了最小高度判断，避免过小容器触发异常滚动逻辑。

• 自定义滚动容器替代默认容器
  在外层包裹自定义滚动容器，将无限滚动指令绑定到这个容器上，同时让表格高度填充满容器。示例代码：

  <div style="height: 80px; overflow-y: auto;" v-el-table-infinite-scroll="loadMore">
    <el-table :data="tableData" style="height: 100%;">
      <!-- 表格列配置 -->
    </el-table>
  </div>
  

  这种方式可以绕过组件对表格自身高度的限制，让滚动逻辑基于自定义容器触发。

• 强制覆盖内部样式
  通过CSS强制移除表格滚动容器的最小高度限制：

  .el-table__body-wrapper {
    min-height: unset !important;
  }
  

  注意：这种方法可能影响组件其他逻辑，需充分测试验证。

• 排查版本问题
  前往Element Plus的GitHub仓库搜索相关issue，确认该问题是否为3.0.1版本的已知bug。如果是，尝试升级到最新稳定版或降级至无该问题的版本。

内容的提问来源于stack exchange，提问作者Firdavs Mutalipov