Bootstrap 4 表格

Bootstrap 4 基本表格

一个基本的 Bootstrap 4 表格具有轻微的填充和水平分隔线。

使用 .table 类可以为表格添加基本样式

条纹行

使用 .table-striped 类可以为表格添加斑马纹

带边框的表格

使用 .table-bordered 类可以为表格和单元格添加所有边框

悬停行

使用 .table-hover 类可以为表格行添加悬停效果（灰色背景色）

黑色/深色表格

使用 .table-dark 类可以为表格添加黑色背景

深色条纹表格

将 .table-dark 和 .table-striped 类结合起来，可以创建一个深色条纹表格

可悬停的深色表格

使用 .table-hover 类可以为表格行添加悬停效果（灰色背景色）

无边框表格

使用 .table-borderless 类可以移除表格的边框

上下文类

上下文类可以用来设置整个表格 (<table>)、表格行 (<tr>) 或表格单元格 (<td>) 的颜色。

可以使用以下上下文类

表格标题颜色

使用 .thead-dark 类可以为表格标题添加黑色背景，使用 .thead-light 类可以为表格标题添加灰色背景

小表格

使用 .table-sm 类可以使表格更小，通过将单元格填充减半

响应式表格

使用 .table-responsive 类可以为表格添加滚动条（当表格水平方向过大时）

您还可以根据屏幕宽度来决定何时为表格添加滚动条