ant design vue table设置width高度也跟着变
时间: 2023-09-07 17:13:40 浏览: 172
用于设置ant-design-vue中table组件的列宽可拖拽
您可以通过设置`table-layout: fixed`来固定表格宽度,并且设置表格列的宽度。例如,您可以在`<a-table>`组件上添加一个`style`属性来设置`table-layout: fixed`,并设置每个列的宽度,如下所示:
```html
<a-table style="table-layout: fixed">
<a-table-column title="Name" dataIndex="name" width="100px"></a-table-column>
<a-table-column title="Age" dataIndex="age" width="100px"></a-table-column>
<a-table-column title="Address" dataIndex="address" width="200px"></a-table-column>
</a-table>
```
这将使表格的宽度固定,并且每个列的宽度将保持不变。如果您想要设置表格的高度,请在`<a-table>`组件上添加`scroll`属性,并设置一个适当的高度。例如:
```html
<a-table style="table-layout: fixed" :scroll="{ y: '300px' }">
<!-- table columns here -->
</a-table>
```
这将创建一个可滚动的表格,并将其高度设置为`300px`。请注意,您可能需要根据实际情况调整高度。
阅读全文