antdv表格固定高度
时间: 2023-07-24 18:07:37 浏览: 107
你可以使用 `height` 属性来设置 antdv 表格的固定高度。例如:
```html
<template>
<a-table :columns="columns" :data-source="data" row-key="id" :pagination="false" :scroll="{ y: 400 }"></a-table>
</template>
<script>
export default {
data() {
return {
columns: [
{
title: 'Name',
dataIndex: 'name',
},
{
title: 'Age',
dataIndex: 'age',
},
{
title: 'Address',
dataIndex: 'address',
},
],
data: [
{
id: 1,
name: 'John Brown',
age: 32,
address: 'New York No. 1 Lake Park',
},
{
id: 2,
name: 'Jim Green',
age: 42,
address: 'London No. 1 Lake Park',
},
{
id: 3,
name: 'Joe Black',
age: 32,
address: 'Sidney No. 1 Lake Park',
},
],
};
},
};
</script>
```
上面代码中,`scroll` 属性的 `y` 值设置为 400,表示表格的高度为 400px。这样,即使表格内容过多超出了视口高度,表格也不会自动换行显示,而是会出现滚动条。
阅读全文