bootstrap table使用说明

1、首先引用相关css,js







<-- put your locale files after bootstrap-table.js -->

2、使用参数说明

一、服务端*返回数据需要包含“total”“rows”,否则无法解析

total,pageSize用于分页
rows解析具体的数据

在这里插入图片描述
二、格式化表格数据

{
field:"operate",
title:"操作",
align:"center",
valign:"middle",
formatter:function(value,row,index){
     return "编辑
       
     删除"; }
 }

效果图如下:
在这里插入图片描述

value:代表当前单元格中的字段名,
row:代表当前行,
index:代表当前行的下标,
可以使用return 返回你想要的数据显示在单元格中.

三、查询服务器数据queryParams

// 给服务器传参数,name,userId为自定义参数
function queryParams(params) {
	var name = varName;
	var userId=user_id;
	var param = {
		currentPage : params.pageNumber,
		pageCount : params.pageSize,
		order_keyword : params.sortOrder,
		order_column : params.sortName,
		name:varName,
		userId:userId
	};
	return JSON.stringify(param);
};

请求服务器数据时,你可以通过重写参数的方式添加一些额外的参数,
例如 toolbar 中的参数 如果 queryParamsType = ‘limit’ ,返回参数必须包含
limit, offset, search, sort, order
否则, 需要包含:
pageSize, pageNumber, searchText, sortName, sortOrder.
返回false将会终止请求。

参考文档:https://bootstrap-table-docs3.wenzhixin.net.cn/zh-cn/home/

你可能感兴趣的:(bootstrap)