bootrap table 隐藏分页信息(新发现)

Bootstrap Table 在特殊情况下要关掉分页栏, 通过网上资料参考与测试,终于找到了方法,与诸位分享。

<style>
	/* 关闭‘显示第 1 到第 10 条记录,总共 N 条记录’ */
	.pagination-info{
		display:none;   
	}
	/* 关闭‘每页显示  条记录’ */
	.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list {
		display: none;
	}	
	/* 关闭‘上一页、下一页、翻页’ */
	.bootstrap-table .fixed-table-pagination > .pagination ul.pagination {
		margin: 0;
		display: none;
	}
</style>

正确的关闭方式应该是修改 paginationParts属性,该属性默认值为

 ['pageInfo', 'pageSize', 'pageList'],要想关闭‘显示第 1 到第 10 条记录,总共 N 条记录,删除'pageInfo'即可。

var pageObj = {
		table: null,
		id: "table1",
		type: 0,
		method: 'get',
		//height: 200,
		url: 'data.json',
		toolbar: "#toolbar",
		striped: true, //是否显示行间隔色
		cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
		pagination: true, //是否显示分页(*)
		search: true, //是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大
		columns: QueryColumns, //二、设置查询字段
		queryParams: QueryParams, //一、设置查询条件参数	 	
		strictSearch: false,
		sortable: false, //是否启用排序
		showLoading: 'none',
		pageNumber: 1, //初始化加载第一页,默认第一页
		pageSize: 5, //每页的记录行数(*)
		pageList: [10, 25, 50, 100], //可供选择的每页的行数(*)
		buttonsClass: 'sm',
		showColumns: true, //是否显示所有的列
		showRefresh: true, //是否显示刷新按钮
		showToggle: true, //是否显示详细视图和列表视图的切换按钮		
		showExport: false, //是否显示导出按钮	
		cardView: false, //是否显示详细视图
		detailView: false, //是否显示父子表			
		clickToSelect: false, //是否启用点击选中行
		paginationParts: ['pageInfo', 'pageSize', 'pageList'],
		showFooter: false,
		onLoadSuccess: function(data) {
			console.log("ok")
		},
		error: function() {
			console.log("ajax请求失败")
		},
	}

Bootrap spring 是一个外贸网站的开发工具和框架。Bootrap 是一个前端开发框架,它提供了丰富的样式和组件,能够帮助开发者快速构建漂亮且响应式的网站。而 spring 是一个后端开发框架,它基于 Java 编程语言,提供了丰富的功能和模块,可以帮助开发者构建稳定和高性能的应用程序。结合 bootrap 和 spring,可以有效地实现外贸网站的开发和运营。 使用 bootrap spring 可以带来许多好处。首先,bootrap 提供了大量的样式和组件,可以帮助网站开发者轻松实现各种页面元素的设计和排版,而且这些元素还能适应不同设备的屏幕尺寸,确保网站在手机、平板和电脑上都能够正常显示。其次,spring 提供了一系列的功能和模块,例如安全认证、数据访问、事务管理等,这些功能可以帮助外贸网站实现用户管理、产品管理、订单管理等重要功能,同时保证系统的稳定性和安全性。最重要的是,bootrap 和 spring 都是开源的项目,拥有庞大的开发者社区,可以通过社区的支持和贡献不断改进和升级。 总的来说,bootrap spring 是一个强大的外贸网站开发工具和框架,具有丰富的功能和灵活的扩展性,可以满足外贸网站的设计、开发和运营需求。通过合理的使用和深入学习,开发者可以充分发挥其优势,快速构建出一个功能完备、美观大气的外贸网站,提升网站的用户体验和竞争力。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值