-
Bootstrap5 表格
基础表格
基础表格
.table 类来设置基础表格的样式:
Firstname Lastname Email John Doe john@example.com Mary Moe mary@example.com July Dooley july@example.com - 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
基础表格
.table 类来设置基础表格的样式:
Firstname
Lastname
Email
John
Doe
john@example.com
Mary
Moe
mary@example.com
July
Dooley
july@example.com
条纹表格.table-striped
条纹表格
通过添加 .table-striped 类，来设置条纹表格:
Firstname
Lastname
Email
条纹表格
通过添加 .table-striped 类，来设置条纹表格:
Firstname Lastname Email - 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
带边框表格.table-bordered
Firstname Lastname Email - 1
- 2
- 3
- 4
- 5
- 6
- 7
Firstname
Lastname
Email
鼠标悬停状态表格.table-hover
鼠标悬停状态表格
.table-hover 类可以为表格的每一行添加鼠标悬停效果（灰色背景）：
Firstname
Lastname
Email
鼠标悬停状态表格
.table-hover 类可以为表格的每一行添加鼠标悬停效果（灰色背景）：
Firstname Lastname Email John Doe john@example.com Mary Moe mary@example.com July Dooley july@example.com - 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
黑色条纹表格
联合使用.table-dark 和 .table-striped 类
无边框表格- 1
指定意义的颜色类
指定意义的颜色类
通过指定意义的颜色类可以为表格的行或者单元格设置颜色：
Firstname Lastname Email Default Defaultson def@somemail.com Primary Joe joe@example.com Success Doe john@example.com Danger Moe mary@example.com Info Dooley july@example.com Warning Refs bo@example.com Active Activeson act@example.com Secondary Secondson sec@example.com Light Angie angie@example.com Dark Bo bo@example.com - 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
表头颜色 .table-dark
表头颜色
.table-dark 类用于给表头添加黑色背景，.table-light 类用于给表头添加灰色背景:
- 1
- 2
- 3
- 4
- 5
较小的表格 .table-sm
- 1
响应式表格.table-responsive
# Firstname Lastname Age City Country Sex Example Example Example Example 1 Anna Pitt 35 New York USA Female Yes Yes Yes Yes - 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。自己不成体系的自学效率很低又漫长，而且容易碰到天花板技术停止不前。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。添加下方名片，即可获取全套学习资料哦
- 相关阅读:
机器人物理交互场景及应用的实际意义
C++内存重叠
Python爬虫编程思想（157）：使用Scrapy从CSV格式转换到JSON格式
成为会带团队的技术人 架构设计：治理好系统复杂度才最务实
信息收集——ip信息（DNS解析、CDN)
php在header增加key，sign，timestamp,实现鉴权
【LeetCode-75】 颜色分类
C++初阶 Stack和Queue的介绍和使用
Java架构师基础框架设计
Docker中搭建likeadmin
- 原文地址：https://blog.csdn.net/m0_67391121/article/details/126082193
