layui搜索结果分页本质是laypage或table内置分页，自定义关键在于选择机制：用laypage.render()需显式配置layout数组（如['first','prev','page','next','last','skip']）、groups控制连续页码数，并在jump回调中手动触发table.reload()传搜索参数；用table.render()内置分页时，layout必须使用固定关键词且limit字段不可省略，count须来自后端response.count而非data.length。
layui 搜索结果的分页条本质还是 laypage 或表格内置分页，自定义的关键不是“搜出来的结果特殊”，而是你用的是哪套分页机制——直接调用 laypage.render() 还是 table.render() 的 page 配置。选错路径，改半天 CSS 也白搭。
用 laypage.render() 独立渲染分页时怎么配 layout
这是最灵活的方式，适合搜索结果需放在顶部、侧边或与表格解耦的场景。
-
layout必须显式声明完整功能项，比如['first', 'prev', 'page', 'next', 'last', 'skip']，缺一个就少一个按钮 -
groups: 5控制连续页码数（当前页为 10 时显示 8–12），百度风格常用 5 或 7 -
jump回调里必须手动触发搜索重载，例如：table.reload('search-table', { where: { keyword: $('#keyword').val(), page: obj.curr, limit: obj.limit } }) - 如果后端返回的
count是字符串（如 PHPjson_encode()自动转义），前端要先decodeURIComponent()再传给count参数，否则页码计算错乱
用 table.render() 内置分页时 layout 怎么写才生效
很多人以为 page: { layout: [...] } 写了就能自由排版，但漏掉联动参数就会失效。
-
layout只接受固定关键词：'count'、'prev'、'page'、'next'、'limit'、'refresh'、'skip'—— 写成'pages'或'pagination'直接被忽略 - 想隐藏跳转框？别只删
'skip'，还要确保不传limits数组；传空数组limits: []会报Cannot read property 'length' of undefined -
limit字段必须存在（哪怕你不想让用户改），否则翻页请求里没limit参数，后端收不到每页条数 - 服务端分页下，
count值必须来自接口响应的response.count字段，不是data.length；否则layout: ['count']显示 “NaN 条”
按钮文字和图标怎么安全替换
直接填 HTML 字符串风险高，浏览器可能双层转义导致图标不显示。
- 推荐用 Unicode 字符：比如
prev: '‹ 上一页'、next: '下一页 ›' - 加粗文字可用
first: '<strong>首页</strong>'，但得确认后端没开启 XSS 过滤（如 Laravel 的{{ }}自动转义） - 想换 icon？别在
prev/next里硬塞<i class="xxx"></i>，改用done回调操作 DOM：$('.layui-table-page .layui-laypage-prev').html('◀ 上一页') - 操作时机很重要：必须在
done回调里执行，表格还没渲染完就找元素，返回null
CSS 覆盖为什么加 !important 不是偷懒
Layui 渲染时会给按钮写内联 style，比如 style="background-color: #009688;"，普通 CSS 选择器根本压不住。
- 必须对要改的属性加
!important，例如：.layui-laypage a { background-color: #1FB1EA !important; } -
.layui-laypage-curr是当前页容器，但高亮色实际在它的子元素.layui-laypage-em上，只改前者没用 - “共 x 条”文字是
em标签，没 class，靠.layui-laypage em能改颜色，但位置没法调——真要挪位置，得用layout: ['count', 'prev', ...]把它当独立模块控制 - 用了 Vue scoped 或 Shadow DOM？得用
:deep(.layui-laypage a)穿透样式
真正容易被忽略的点是：无论用哪种方式，后端返回的 count 必须准确且稳定；搜索条件变更时，laypage.render() 的 count 和 table.reload() 的 where 必须同步更新，否则页码跳转会卡在旧数据范围里。
