elmentUI 合计滚动条
时间: 2023-09-14 16:11:00 浏览: 97
要在 Element UI 中实现合计滚动条,你可以使用 Element UI 内置的 Table 组件,并设置固定表头和滚动条。以下是一个示例代码:
```html
<template>
<el-table :data="tableData" style="width: 100%" height="400px" border>
<el-table-column prop="name" label="Name" width="180"></el-table-column>
<el-table-column prop="age" label="Age" width="180"></el-table-column>
<el-table-column prop="address" label="Address"></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: 'John', age: 20, address: 'New York' },
{ name: 'Tom', age: 25, address: 'Los Angeles' },
// ... 表格数据
]
};
}
};
</script>
```
在上述代码中,我们使用了 `height` 属性来设置表格的高度为 400px,并且设置了固定表头。如果表格内容超过了指定的高度,将会出现纵向滚动条。
你可以根据实际需求调整表格的样式和数据。更多关于 Element UI Table 组件的用法可以参考官方文档:https://element.e
阅读全文