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

以下是示例代码，可以在页面中添加这段代码实现：

<template>
<div style="max-height: 200px; overflow-y: auto;">
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
</div>
</template>

<script>
export default {
data() {
return {
tableData: [
{ name: '张三', age: 20, address: '北京市' },
{ name: '李四', age: 30, address: '上海市' },
{ name: '王五', age: 40, address: '广州市' },
{ name: '赵六', age: 50, address: '深圳市' }
]
}
}
}
</script>

以上代码中，我们使用了一个包裹表格的 div 元素，并且设置了最大高度为 200px，overflow-y: auto 表示超出部分显示滚动条。在 el-table 中，我们使用了三个 el-table-column 来展示我们的表格数据。这样就可以实现在表格高度超过 200px 时出现滚动条的效果。同时，表头不会随着表格滚动而消失。