0


ant design vue的table取消自带分页

在我们使用ant design vue的table组件的时候会发现:
在这里插入图片描述
组件使用如示:

 <a-table :columns="columns" :data-source="data" bordered></a-table>

显然并没有配置pagination属性,那为什么会出现分页器呢?
这是因为:

组件默认开启了分页,你不但可以通过 pagination 配置显示或隐藏,还可以配置显示位置。
如果需要,还可以同时配置上下同时显示分页。

组件自带分页功能,并默认开启。
那我们有时候数据量不大,根本不想有分页器的存在该怎样把它取消呢?
在使用table组件的时候,配置

:pagination="false" 

即可。
效果如下:
在这里插入图片描述
注意是:**:pagination=“false”** 噢!!!


题外话:
其实,我们最该细细研读官方文档。
使用组件的时候遇到问题,我们首先要去看文档内相关配置项的介绍。
再根据配置项的默认值和数据类型,就能处理大部分遇到的问题

就像我记录的这些问题,一方面是给遇到同样问题的小伙伴提供一个解决方案,另一方面也是给自己一个警醒,避免下次再出现同样的问题。

通过我多次遇到的问题,发现解决问题在于思路的选取:
组件:官方文档—>配置项介绍—>默认值 / 数据类型
报错:错误位置—>报错内容—>官方组件使用问题 / 自定义组件注册问题 / 配置项 / 数据类型

这里是飞鱼爱吃米,只授渔,不授鱼!


本文转载自: https://blog.csdn.net/yolo_link/article/details/125594503
版权归原作者 飞鱼爱吃米 所有, 如有侵权,请联系我们删除。

“ant design vue的table取消自带分页”的评论:

还没有评论