码上敲享录 > CSS简单实例分享 > bootstrap table去掉分页信息,不显示

bootstrap table去掉分页信息,不显示

上一章章节目录下一章 2019-08-09已有11256人阅读 评论(0)

两个注意点:

1、css

 <style>

    .hidden{display:none;}

 </style>

2、js

paginationDetailHAlign:’ hidden’,//去掉分页信息,这里注意hidden前面有个空格,样式加上.hidden{display:none;}


 datagrid2 = $('#tableCumulative');

       datagrid2 = datagrid2.bootstrapTable({

           //url: "/qualityControl/getQualityControl",//数据源

           dataField: "rows",//服务端返回数据键值 就是说记录放的键值是rows,分页时使用总记录数的键值为total

           //height:heights-374,//高度调整

           height:$(window).height()*0.3,//高度调整

           search: false,//是否搜索

           toolbar: "#toolbar",

           pagination: true,//是否分页

           pageSize: 10,//单页记录数

           pageNumber:1, //当前第几页

           pageList: [5, 10, 20, 50],//分页步进值

           sidePagination: "server",//服务端分页

           contentType: "application/x-www-form-urlencoded; charset=UTF-8",//请求数据内容格式 默认是 application/json 自己根据格式自行服务端处理

           dataType: "json",//期待返回数据类型

           method: "post",//请求方式

           searchAlign: "right",//查询框对齐方式

           queryParamsType: "undefined",//查询参数组织方式

           sortOrder:"asc",

           paginationDetailHAlign:' hidden',//去掉分页信息,这里注意hidden前面有个空格,样式加上.hidden{display:none;}

           // showToggle:true,//视图切换


           //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder

           //设置为limit可以获取limit, offset, search, sort, order

           queryParams: function getParams(params) {

               var temp = {

                   pageNumber: params.pageNumber,                         //页面大小

                   rowNumber: params.pageSize,   //页码

                   qualityControlId:  $("#qualityControlId").val(),


               };

               return temp;

           },

           onClickRow: function (row, $element, field) {

            alert();

           },


           exportOptions:{

               ignoreColumn: [0,1],  //忽略某一列的索引

               fileName: '设施台帐报表',  //文件名称设置

               worksheetName: 'sheet1',  //表格工作区名称

               tableName: '设施台帐报表',

               excelstyles: ['background-color', 'color', 'font-size', 'font-weight'],

           },

           searchOnEnterKey: false,//回车搜索

           //showRefresh: true,//刷新按钮

           //showColumns: true,//列选择按钮

           showExport: false,    //是否显示导出

           exportDataType: "selected",//basic', 'all', 'selected'.

           buttonsAlign: "right",//按钮对齐方式

           toolbar: "#toolbar",//指定工具栏

           toolbarAlign: "left",//工具栏对齐方式/

           columns: [

               {

                   title: "批次",

                   field: "ControlId",

                   sortable: true,//是否可排序

                   align: "center",//水平

                   visible:true,

                   valign: "middle",


               },

               {

                   title: "浓度",

                   field: "qcLevel",

                   sortable: true,//是否可排序

                   align: "center",//水平

                   visible:true,

                   valign: "middle",

               },

           ]

       });



向大家推荐《Activiti工作流实战教程》:https://xiaozhuanlan.com/activiti
0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交