百问十九

JS组件Bootstrap Table布局详解

编辑:Simone 2025-04-29 07:37:02 543 阅读

JS组件Bootstrap Table布局详解

Bootstrap

提供了一个清晰的创建表格的布局。下表列出了

Bootstrap

支持的一些表格元素:

表格类

下表样式可用于表格中:

,

下表的类可用于表格的行或者单元格:

基本的表格

如果您想要一个只带有内边距(padding)和水平分割的基本表,请添加

class

.table,如下面实例所示:

class="row">

class="table">

class="text-center">基本表格布局

编号

城市

No.1

北京

No.2

上海

显示效果:

可选的表格类

除了基本的表格标记和

.table

class,还有一些可以用来为标记定义样式的类。下面将向您介绍这些类。

条纹表格

通过添加

.table-striped

class,您将在

内的行上看到条纹,如下面的实例所示:

class="row">

class="table

table-striped">

class="text-center">条纹表格布局

编号

城市

No.1

北京

No.2

上海

No.3

苏州

No.4

南京

版权声明:本站【百问十九】文章素材来源于网络或者用户投稿,未经许可不得用于商用,如转载保留本文链接:https://www.baiwen19.com/article/237815.html

相关推荐