Layui表格的分页下拉框新增“全部”选项

1、首先需要从后端接口获取表格的全部数据长度，这里以100为例。

2、根据请求到的数据进行表格的渲染。示例代码：

let pageSize = 5
let pageNo = 1
let count = 100
table.render({elem: 'XXX',done: function(res, curr, count){pageNo = curr;  // 将当前选中的页码进行赋值if (count <= 100) {  // 当前的总条数大于某个数值，不显示“全部”let optionArr = $(".layui-laypage-limits select > option")let optionLast = optionArr[optionArr.length -1]if (optionLast) { // 将下拉框的最后一个选择框的文字进行更改optionLast.innerHTML = '全部'}}},cols: [[ //标题栏{field: 'id',  hide: true},{field: 'name', title: '名称', align:'left'},{fixed: 'right',field: 'opt', title: '操作',width: 180,templet: function(item){return `<a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i> </a><a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i></a>`}}]] ,data: [{id: 1,name: '名称1'},{id: 2,name: '名称2'},{id: 3,name: '名称3'}],skin: 'line' //表格风格,even: true,page: true,  // 允许分页limit: pageSize, // 当前下拉框选中的条数，默认是5limits: count > 100 ? [5, 15, 25, 50, 100] : [5, 15, 25, 50, 100,count],  // 这里很重要，一定要写，因为源码需要根据这个数据进行页数切换事件的绑定
});

3、最终的样式：