layui 分页栏置底,以及无数据时隐藏问题。

本文分享了一名后台开发者在处理静态页面分页栏时遇到的问题及解决方案,包括使用Thymeleaf条件展示分页栏、固定分页栏位置以及调整分页数据量避免覆盖问题。

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

后台开发拿到静态页面需要自己修改页面,以及对接口,由于是前端小白一个。一个分页栏就拦住了我。。。。

由于没有把分页隔离出去,就只能在每个需要用到分页栏的页面下加上分页的代码。

如果后台没有数据返回时,分页栏可以隐藏掉,这里就可以在分页代码上包一层<div> 加上thymeleaf的格式

...如果返回的数据为空的话,就会隐藏掉分页栏

 

第二个问题就是分页栏会随着数据上下浮动,不会自己固定到底部,这时就要在上方的<div>中在加上一个style添加一个

position:fixed;bottom:0的属性了

 

坑点:

由于分页栏是固定在底部,每页的数据过多的话,就会出现分页栏掩盖部分数据的情况,而且不同浏览器情况还不一样,

所以尽量分页每页显示的数据少一点。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值