【ant design vue】表格超过高度时显示滚动条

谭CV

于 2021-04-12 10:56:29 发布

阅读量3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： ant design vue

本文链接：https://blog.youkuaiyun.com/THcoding_Cat/article/details/115615241

ant design vue 专栏收录该内容

9 篇文章

订阅专栏

这篇博客介绍了如何使用 CSS 对 Ant Design 的表格组件 `.ant-table` 进行样式定制，特别是设置 `overflow-y: auto!important;` 实现 Y 轴滚动效果。示例代码展示了在 HTML 中应用这些样式到 `<a-table>` 元素上，设置了滚动高度为 550 像素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

样式：

/* 表格 */
/*.table 为全局表格自定义样式*/
.table .ant-table-body,.table .ant-table-header{
    overflow-y: auto !important;
}

html代码：

<a-table class="table" :scroll="{ y: 550 }"></a-table>