bootstrap table分页时,pageList设置4个参数,只显示前两个参数,啥原因?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap table分页时,pageList设置4个参数,只显示前两个参数,啥原因?相关的知识,希望对你有一定的参考价值。

function initTable()
            $('#test-table').bootstrapTable(
                method: 'get',
                toolbar: '#toolbar',    //工具按钮用哪个容器
                striped: true,      //是否显示行间隔色
                cache: false,      //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
                pagination: true,     //是否显示分页(*)
                sortable: false,      //是否启用排序
                sortOrder: "asc",     //排序方式
                pageNumber:1,      //初始化加载第一页,默认第一页
                pageSize: 10,      //每页的记录行数(*)
                pageList: [10, 25, 50, 100],  //可供选择的每页的行数(*)
                url: "/testProject/page4list.json",//这个接口需要处理bootstrap table传递的固定参数
                queryParamsType:'', //默认值为 'limit' ,在默认情况下 传给服务端的参数为:offset,limit,sort
                                    // 设置为 ''  在这种情况下传给服务器的参数为:pageSize,pageNumber

                //queryParams: queryParams,//前端调用服务时,会默认传递上边提到的参数,如果需要添加自定义参数,可以自定义一个函数返回请求参数
                sidePagination: "server",   //分页方式:client客户端分页,server服务端分页(*)
                //search: true,      //是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大
                strictSearch: true,                //showColumns: true,     //是否显示所有的列
                //showRefresh: true,     //是否显示刷新按钮
                minimumCountColumns: 2,    //最少允许的列数
                clickToSelect: true,    //是否启用点击选中行
                searchOnEnterKey: true,
                columns: [
                    field: 'id',
                    title: 'id',
                    align: 'center'
                , 
                    field: 'testkey',
                    title: '测试标识',
                    align: 'center'
                , 
                    field: 'testname',
                    title: '测试名字',
                    align: 'center'
                ,
                    field: 'id',
                    title: '操作',
                    align: 'center',
                    formatter:function(value,row,index)
                        //通过formatter可以自定义列显示的内容
                        //value:当前field的值,即id
                        //row:当前行的数据
                        var a = '<a href="" >测试</a>';
                     
                ],
                pagination:true
            );
        

具体如下:

1、简介

编程是编写程序的中文简称,就是让计算机代为解决某个问题,对某个计算体系规定一定的运算方式,是计算体系按照该计算方式运行,并最终得到相应结果的过程。

为了使计算机能够理解人的意图,人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机,使得计算机能够根据人的指令一步一步去工作,完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。

2、汇编程序

汇编程序。使用汇编语言编写计算机程序,程序员仍然需要十分熟悉计算机系统的硬件结构,所以从程序设计本身上来看仍然是低效率的、繁琐的。但正是由于汇编语言与计算机硬件系统关系密切,在某些特定的场合,如对时空效率要求很高的系统核心程序以及实时控制程序等,迄今为止汇编语言仍然是十分有效的程序设计工具。

3、执行原理

计算机对除机器语言以外的源程序不能直接识别、理解和执行,都必须通过某种方式转换为计算机能够直接执行的。这种将高级编程硬件程序设计语言编写的源程序转换到机器目标程序的方式有两种:解释方式和编译方式。

参考技术A 有人说是数据量不够,你试试看,我也遇到了这个问题,我去试试
我刚刚试过了,确实是数据量不够的原因,数据量足够,pageList就都能显示出来了。
不过我还有个问题是:pageList集合里边最那个元素填All时,会报个类型的错误,不知道为什么,你知道的话说一下哈,谢谢啦
参考技术B $('#table_ID').bootstrapTable(
smartDisplay: false,
);
添加这一项就行了// 忽略数据计数的,就是没有数据也会显示全部pageList设置的参数

bootstrap table下面的分页信息怎么去掉

显示第 1 到第 5 条记录,总共 5 条记录就这句话怎么才能让他不显示

我也刚好也遇到这个问题,然后发现一个不用更改库文件的解决方法:设置
1、设置paginationDetailHAlign:' hidden' ,注意hidden前面有个空格
2、在你的全局样式表中添加 .hiddendisplay:none;
参考技术A 在服务端分页时,必须配置 contentType: "application/x-www-form-urlencoded" 并且,一定要返回total,total代表数据库中数据的总记录数。 参考技术B pagination: false; 参考技术C 配置 paginationDetailHAlign:"right"
然后增加css
.pull-right.pagination-detail
display:none;
本回答被提问者采纳
参考技术D 是你们,。水电费规划局

以上是关于bootstrap table分页时,pageList设置4个参数,只显示前两个参数,啥原因?的主要内容,如果未能解决你的问题,请参考以下文章

Laravel 多页分页

bootstrap-Table服务端分页,获取到的数据怎么再页面的表格里显示

使用分页时如何更新值?

bootstrap-table 后台返回啥结果

bootstrap table如何获取分页点击事件

ThinkPHP,page,paginate后台分页翻页时保留检索条件的方法