请问vue2+elementUI项目中，设置表格最大高度为200px，如果表格的总高度高于200px，则给表格加上滚动条怎么实现，请给我代码

以下是实现的代码：

<template>
  <div class="table-wrapper">
    <el-table :data="tableData" style="width: 100%; max-height: 200px; overflow-y: auto;">
      <!-- 表格的列定义 -->
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [] // 表格数据
    }
  }
}
</script>

<style scoped>
.table-wrapper {
  max-height: 200px;
  overflow-y: auto;
}
</style>

在上述代码中，我们使用的是 elementUI 提供的 `el-table` 组件来呈现表格，我们使用 `max-height` 来设置最大高度为 200px，并且使用 `overflow-y` 属性来控制溢出部分的表现，如果表格的总高度大于 200px，则会显示垂直滚动条。同时，我们为了防止父容器的高度变化而导致的布局问题，给包裹表格的 div 设置了固定的高度。