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')
```
相关阅读:
Java 序列化和反序列化为什么要实现 Serializable 接口？
OpenGL基础入门及准备
 算法第七天：leetcode之209.长度最小的子数组
 [系统安全] 逆向工程进阶篇之对抗逆向分析
 新增公司管理页分页设置新增功能删除功能
 1、java基本语法
 php基于微信小程序的医院预约挂号系统+uinapp+Mysql+计算机毕业设计
 Mysql当前列的值等于上一行的值累加前一列的值
 题目地址(295. 数据流的中位数)
Unity脚本API—Transform 变换
原文地址：https://blog.csdn.net/weixin_52574640/article/details/126275490

一、Bootstrap table入门

1 安装

2.用法：

二、表格属性

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

四、方法

4.1刷新方法

4.2 获取复选框选中的信息