Bootstrap table 表格创建

Bootstrap table 表格创建
Bootstrap table

目录

一、Bootstrap table入门

1 安装

2.用法：

二、表格属性

三、列表属性（columbs中的属性）

四、方法

4.1刷新方法

4.2 获取复选框选中的信息

中文文档：介绍 | Bootstrap Table中文网

官网文档：Introduction · Bootstrap Table

一、Bootstrap table入门

1 安装

1. 添加核心 css

2. 添加核心 js

3. 中文语言包

一般我们直接添加网上资源即可

注意是要有jquery的js的
```
 <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.15.3/dist/bootstrap-table.min.css">
    <script src="https://unpkg.com/bootstrap-table@1.15.3/dist/bootstrap-table.min.js">script>
    <script src="https://unpkg.com/bootstrap-table@1.15.3/dist/locale/bootstrap-table-zh-CN.min.js">script>
```
2.用法：

2.1采用html中的表格，添加属性（设置表格的功能）

2.2采用js去渲染表格（后期我们会对table进行封装成js使用）
二、表格属性

$('#table').bootstrapTable({

}）

使用上面的在里面添加属性来设置表格
- height:
- undefinedText
- columns(后面会专门将列属性)
- url
- method
- contentType
- queryParams
- responseHandler
- pageNumber和pageSize
- pageList
- idField
- uniqueId 主要提高检索效率
- toolbar
一般都是使用server属性

三、列表属性（columbs中的属性）
- field和title
- class
- width和wtdthUnit
- sortable
- formatter
四、方法

4.1刷新方法

$('#table' )---- 中的table是
```
$('#table').bootstrapTable('refresh')
```
4.2 获取复选框选中的信息
```
$('#table').bootstrapTable('getSelections')
```
相关阅读:
房产中介管理系统,房产中介预约看房系统,看房预约系统毕设作品
 SpringBoot学习小结之Swagger
Spring的AOP使用配置
 鼠标移入与离开事件及页面开关
 SAP 标准表
 迷茫了3年：做完这个测试项目，我终于决定辞职
 MySQl表的增删查改（聚合查询+联合查询）
SpringCloud - Spring Cloud Alibaba 之 Seata分布式事务服务详解；部署（十八）
一文带你详细了解 JVM 运行时内存
 2022软件测试面试题 200道大厂面试真题刷完拿到10k职位
原文地址：https://blog.csdn.net/weixin_52574640/article/details/126275490

一、Bootstrap table入门

1 安装

2.用法：

二、表格属性

三、列表属性（columbs中的属性）

四、方法

4.1刷新方法

4.2 获取复选框选中的信息