ant design vue Table无数据时,有固定列就在表头下方显示横向滚动条,无固定列不显示滚动条
时间: 2024-04-15 17:27:20 浏览: 1048
您可以使用 `scroll` 属性来控制表格是否显示横向滚动条。当没有固定列时,可以将 `scroll` 属性设置为空对象或者 `false`,这样就不会显示横向滚动条。
示例代码如下:
```vue
<template>
<a-table :columns="columns" :data-source="data" :scroll="scrollConfig"></a-table>
</template>
<script>
export default {
data() {
return {
columns: [
// 列定义
// ...
],
data: [
// 表格数据
// ...
],
scrollConfig: {
x: true, // 横向滚动条
y: false, // 纵向滚动条
},
};
},
};
</script>
```
在上述示例中,当有固定列时,`scroll` 属性中的 `x` 设置为 `true`,表示显示横向滚动条。当没有固定列时,`scroll` 属性设置为空对象 `{}` 或者 `false`,就不会显示横向滚动条。
需要注意的是,`scroll` 属性还可以设置其他属性,如 `scroll.y` 控制纵向滚动条的显示。您可以根据具体需求进行配置。
阅读全文