Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
易企天创
zui
提交
fe917a37
Z
zui
项目概览
易企天创
/
zui
11 个月 前同步成功
通知
6
Star
0
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
37
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
37
Issue
37
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
fe917a37
编写于
8月 16, 2016
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* update table document.
上级
e75bb820
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
108 addition
and
7 deletion
+108
-7
docs/index.json
docs/index.json
+17
-3
docs/part/component-table.html
docs/part/component-table.html
+91
-4
未找到文件。
docs/index.json
浏览文件 @
fe917a37
...
...
@@ -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"
,
...
...
docs/part/component-table.html
浏览文件 @
fe917a37
...
...
@@ -22,13 +22,13 @@
</tr>
<tr>
<td>
表尾
<code>
<
tfoot
>
</code></td>
<td>
表位放置与表末尾提供与表相关补充数据或操作,不过并不常见
。
</td>
<td>
与表头作用相同,或者用来放置与表相关补充数据或操作
。
</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>
提示
</th>
<t
d>
表头、内容、和表尾都是可选的。
</td
>
<th>
名称
</th>
<t
h>
描述
</th
>
</tr>
</tfoot>
</table>
...
...
@@ -61,7 +61,7 @@
</section>
<section>
<header><h3>
隔行交替样式
的表
</h3></header>
<header><h3>
隔行交替样式
</h3></header>
<article>
<p><code>
.table-striped
</code></p>
<div
class=
"example"
>
...
...
@@ -252,6 +252,49 @@
</article>
</section>
<section>
<header><h3>
自动宽度的表格
</h3></header>
<article>
<p><code>
.table-auto
</code></p>
<p>
将表格的宽度设置为
<code>
auto
</code>
,但最大宽度不超过
<code>
100%
</code>
。
</p>
<div
class=
"example"
>
<table
class=
"table table-auto"
>
<thead>
<tr>
<th>
#
</th>
<th>
First Name
</th>
<th>
Last Name
</th>
<th>
Username
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
1
</td>
<td>
catouse
</td>
<td>
hello
</td>
<td>
world
</td>
</tr>
<tr>
<td>
2
</td>
<td>
jay
</td>
<td>
thks
</td>
<td>
jajaja
</td>
</tr>
<tr>
<td>
3
</td>
<td>
JK row
</td>
<td>
thks
</td>
<td>
Pa
</td>
</tr>
</tbody>
</table>
</div>
<pre><code>
<
table class=
"
table
<em>
table-auto
</em>
">
...
<
/table
>
</code></pre>
</article>
</section>
<section>
<header><h3>
更为紧凑的表格
</h3></header>
<article>
...
...
@@ -294,6 +337,50 @@
</article>
</section>
<section>
<header><h3>
固定布局的表格
</h3></header>
<article>
<p><code>
.table-fixed
</code></p>
<p>
将表格的
<code>
table-layout
</code>
属性设置为
<code>
fixed
</code>
。
</p>
<p>
在固定表格布局中,水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距,而与单元格的内容无关。
</p>
<div
class=
"example"
>
<table
class=
"table table-fixed"
>
<thead>
<tr>
<th>
#
</th>
<th>
First Name
</th>
<th>
Last Name
</th>
<th>
Username
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
1
</td>
<td>
catouse
</td>
<td>
hello
</td>
<td>
world
</td>
</tr>
<tr>
<td>
2
</td>
<td>
jay
</td>
<td>
thks
</td>
<td>
jajaja
</td>
</tr>
<tr>
<td>
3
</td>
<td>
JK row
</td>
<td>
thks
</td>
<td>
Pa
</td>
</tr>
</tbody>
</table>
</div>
<pre><code>
<
table class=
"
table
<em>
table-fixed
</em>
">
...
<
/table
>
</code></pre>
</article>
</section>
<section>
<header><h3>
色彩主题
</h3></header>
<article>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录