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')
```
相关阅读:
无线耳机什么质量好？音质较高的无线蓝牙耳机推荐
 Mysql convert函数、convert用法、字符串转数字、字符串转日期、类型转换函数
 leetcode分类刷题：二叉树（二、简单重复逻辑的递归）
多媒体数据处理实验3：图像特征提取与检索
 C++语法基础(1)——编程入门
 restful
文献阅读 Person-in-WiFi:Fine-grained Person Perception using WiFi
关于项目编译工具ninja、make、cmake的区别与优劣
 buu web部分wp
RAID-6技术详解
原文地址：https://blog.csdn.net/weixin_52574640/article/details/126275490

一、Bootstrap table入门

1 安装

2.用法：

二、表格属性

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

四、方法

4.1刷新方法

4.2 获取复选框选中的信息