diff --git a/docs/index.json b/docs/index.json
index 1220f802057cf1fb58084465f06349815cb03d5f..fc0a55236aa7edfc4e034a410cccbe05c2822c8c 100644
--- a/docs/index.json
+++ b/docs/index.json
@@ -643,11 +643,25 @@
"desc": "美观实用的表格",
"name": "表格",
"topics": [{
- "name": "类型"
+ "name": "基本类型"
}, {
- "name": "参数"
+ "name": "隔行交替样式"
+ }, {
+ "name": "响应鼠标悬停"
+ }, {
+ "name": "带所有边框的表格"
+ }, {
+ "name": "不带边框的表格"
+ }, {
+ "name": "自动宽度的表格"
+ }, {
+ "name": "更为紧凑的表格"
+ }, {
+ "name": "固定布局的表格"
+ }, {
+ "name": "色彩主题"
}],
- "filter": "biaoge bg"
+ "filter": "biaoge bg table-bordered table-borderless table-auto table-striped table-hover"
}, {
"id": "buttongroup",
"icon": "icon-th-list",
diff --git a/docs/part/component-table.html b/docs/part/component-table.html
index ca68d81381b52b2d7e93f1ee3777ee510ae971e8..28db374fd5ac074c2873a3ec0bba57348bd3d8d6 100755
--- a/docs/part/component-table.html
+++ b/docs/part/component-table.html
@@ -22,13 +22,13 @@
表尾 <tfoot> |
- 表位放置与表末尾提供与表相关补充数据或操作,不过并不常见。 |
+ 与表头作用相同,或者用来放置与表相关补充数据或操作。 |
- 提示 |
- 表头、内容、和表尾都是可选的。 |
+ 名称 |
+ 描述 |
@@ -61,7 +61,7 @@
-
+
.table-striped
@@ -252,6 +252,49 @@
+
+
+
+ .table-auto
+ 将表格的宽度设置为 auto
,但最大宽度不超过 100%
。
+
+
+
+
+ # |
+ First Name |
+ Last Name |
+ Username |
+
+
+
+
+ 1 |
+ catouse |
+ hello |
+ world |
+
+
+ 2 |
+ jay |
+ thks |
+ jajaja |
+
+
+ 3 |
+ JK row |
+ thks |
+ Pa |
+
+
+
+
+ <table class="table table-auto">
+ ...
+</table>
+
+
+
+
+
+
+ .table-fixed
+ 将表格的 table-layout
属性设置为 fixed
。
+ 在固定表格布局中,水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距,而与单元格的内容无关。
+
+
+
+
+ # |
+ First Name |
+ Last Name |
+ Username |
+
+
+
+
+ 1 |
+ catouse |
+ hello |
+ world |
+
+
+ 2 |
+ jay |
+ thks |
+ jajaja |
+
+
+ 3 |
+ JK row |
+ thks |
+ Pa |
+
+
+
+
+ <table class="table table-fixed">
+ ...
+</table>
+
+
+