bootstrap-table pageList分页问题

本文档探讨了在前端开发中遇到的分页配置问题,包括页面显示的记录行数限制以及如何正确显示'全部数据'选项。问题1主要涉及当设置pageList为[10,25,50]时,只有10和25显示,解决方案是添加smartDisplay:false属性。问题2在于'All'不被识别,解决方法是将'All'替换为'所有',并确保在bootstrap-table-zh-CN.js中定义了对应的formatAllRows函数。通过这些调整,可以实现完整的分页功能和全数据展示选项。

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

问题1:配置的[10,25,50]却只显示10,25

 //每页的记录行数(*)
 pageSize: 10,
  //可供选择的每页的行数(*)
  pageList: [10,25,50],

解决方式: 添加smartDisplay:false

//每页的记录行数(*)
pageSize: 10,
 //可供选择的每页的行数(*)
 pageList: [10,25,50],
 smartDisplay:false

问题2: 全部显示数据
很多文章说写成 pageList:[10, 25, 50, 100, ‘All’] 这样就好了,
但我写成这样却不识别All

解决方法: 写成pageList: [10,25,50,'所有'],(思路:bootstrap-table-zh-CN.js中formatAllRows: function formatAllRows() { return ‘所有’; },)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值