Menu

选项卡le
表显示分组为行的数据集合

下载

类型

选项卡le

一个标准表

表格将自动为移动设备堆叠它们的布局. 要禁用此行为,请使用 unstackable 变异或 平板电脑可叠起堆放的 允许平板电脑的响应性调整.
的名字 年龄 工作
詹姆斯 24 工程师
吉尔 26 工程师
伊丽丝 24 设计师
证据等级 效果 功效 共识 评论

A

功率输出
80%
18个研究
Creatine supplementation is the reference compound for increasing muscular creatine levels; there is variability in this increase, 然而, 与一些nonresponders.

A

重量
100%
65年研究
肌酸是提高肌力的参考化合物, 用一项荟萃分析的数据来评估药效
员工 正确的猜测

丽娜
人力资源

22

马太福音
织物设计

15

林赛
娱乐

12

Mark
执行

11
Git存储库
node_modules 最初的承诺 10小时前
测试 最初的承诺 10小时前
构建 最初的承诺 10小时前
包.json 最初的承诺 10小时前
Gruntfile.js 最初的承诺 10小时前

定义

可以将表格式化为强调定义行内容的第一列

定义表被设计成以单一背景颜色显示. 你可以通过改变来调整这一点 @definitionPageBackground,或指定第一个单元格的背景颜色
参数 描述
重置评级 没有一个 将评级重置为默认值
设置评级 评级(整数) 将当前星级设置为指定值
的名字 注册日期 电子邮件地址 保费计划
约翰Lilki 2013年9月14日 jhlilk22@yahoo.com No
杰米Harington 2014年1月11日, jamieharingonton@yahoo.com 是的
吉尔·刘易斯 2014年5月11日, jilsewris22@yahoo.com 是的
添加用户
批准
批准所有

结构化

可以对表进行格式化,以显示复杂的结构化数据

UI表使用 border-collapse:独立 允许表接收通常不能应用到表的样式 这个特性. 然而,这可能会导致一些单元格边界出现缺失,复杂的布局使用 行宽 or colspan 以及列计数不同的行.

ui结构表 不支持某些样式特性,但能正确显示所有有效的HTML表内容.

的名字 类型 文件 语言
Ruby JavaScript Python
Alpha团队 项目1 2
测试团队 项目1 52
项目2 12
项目3 21

正/负

单元格或行可以让用户知道某个值是好是坏

的名字 状态 笔记
没有指定的名字 未知的 没有一个
吉米 批准 没有一个
杰米 未知的 需要调用
吉尔 未知的 没有一个

细胞

错误

单元格或行可以引起对错误或负值的注意

的名字 状态 笔记
没有指定的名字 批准 没有一个
吉米 不能把数据 没有一个
杰米 批准 分类
吉尔 批准 没有一个

警告

单元格或行可能会警告用户

的名字 状态 笔记
没有指定的名字 未知的 没有一个
吉米 需要行动 没有一个
杰米 未知的 充满敌意的
吉尔 未知的 没有一个

活跃的

一个单元格或行可以是活动的,也可以由用户选择

的名字 状态 笔记
杰米 批准 需要调用
约翰 选择 没有一个
杰米 批准 需要调用
吉尔 批准 没有一个

禁用

可以禁用单元格

的名字 状态 笔记
杰米 批准 需要调用
约翰 选择 没有一个
杰米 批准 需要调用
吉尔 批准 没有一个

变化

Single Line

表可以指定它的单元格内容应该保持在Single Line上,并且不换行.

的名字 注册日期 电子邮件地址 保费计划
约翰Lilki 2013年9月14日 jhlilk22@yahoo.com No
杰米Harington 2014年1月11日, jamieharingonton@yahoo.com 是的
吉尔·刘易斯 2014年5月11日, jilsewris22@yahoo.com 是的

固定

一个表可以使用 表布局:固定 一种特殊的更快的表呈现形式,它不根据内容调整表单元格的大小.

的名字 状态 描述
约翰 批准 约翰是一个有趣的男孩,但有时你真的没有足够的空间来描述你想要的一切
杰米 批准 杰米是个善良的女孩,但有时你没有足够的空间来描述你想要的一切
吉尔 否认 吉尔是一个不错的女孩,但有时你真的没有足够的空间来描述你想要的一切
固定 Single Line 表将自动确保不适合在Single Line将收到"...“省略
的名字 状态 描述
约翰 批准 这太长了,放不下,我很抱歉
杰米 批准 短描述
吉尔 否认 短描述

叠加

表可以指定它如何响应地堆叠表内容

的名字 状态 笔记
约翰 批准 没有一个
杰米 批准 需要调用
吉尔 否认 没有一个
的名字 状态 笔记
约翰 批准 没有一个
杰米 批准 需要调用
吉尔 否认 没有一个

可选择的行

一个表的行可以显示为可选择的

的名字 状态 笔记
约翰 不采取行动 没有一个
杰米 批准 需要调用
吉尔 否认 没有一个
约翰 不采取行动 没有一个
杰米 批准 需要调用
吉尔 否认 没有一个
的名字 状态 笔记
约翰 批准 没有一个
杰米 批准 需要调用
吉尔 否认 没有一个

可选择的细胞

表格单元格是可选择的

使用一个 a 在可选单元格内的链接将自动使点击框成为整个单元格区域. 默认情况下,链接将继承它们的单元格颜色.
的名字 状态 编辑
约翰 不采取行动 编辑
杰米 批准 编辑
吉尔 否认 编辑
约翰 不采取行动 需要改变
杰米 批准 批准
吉尔 否认 删除

垂直对齐

表标题、行或单元格可以调整其垂直对齐

的名字 状态 笔记
约翰 批准 笔记
1
2
杰米 批准 笔记
1
2

文本对齐方式

表格标题、行或单元格可以调整其文本对齐方式

的名字 状态 笔记
约翰 批准 没有一个
杰米 批准 需要调用
吉尔 否认 没有一个

条纹

表格可以用较深的颜色对替换的内容行进行条纹化,以增加对比度

的名字 加入日期 电子邮件 被称为
约翰Lilki 2013年9月14日 jhlilk22@yahoo.com No
杰米Harington 2014年1月11日, jamieharingonton@yahoo.com 是的
吉尔·刘易斯 2014年5月11日, jilsewris22@yahoo.com 是的
约翰Lilki 2013年9月14日 jhlilk22@yahoo.com No
约翰Lilki 2013年9月14日 jhlilk22@yahoo.com No
杰米Harington 2014年1月11日, jamieharingonton@yahoo.com 是的
吉尔·刘易斯 2014年5月11日, jilsewris22@yahoo.com 是的
约翰Lilki 2013年9月14日 jhlilk22@yahoo.com No

(变

一个表可以把每Single Line分成单独的单元格

的名字 状态 笔记
约翰 批准 没有一个
杰米 批准 需要调用
吉尔 否认 没有一个
3人 2批准

基本

表可以通过降低复杂性来提高可读性.

的名字 状态 笔记
约翰 批准 没有一个
杰米 批准 需要调用
吉尔 否认 没有一个
的名字 状态 笔记
约翰 批准 没有一个
杰米 批准 需要调用
吉尔 否认 没有一个

崩溃的细胞

单元格可以折叠,以便只占用所需的空间

为了确保图标不会换行到单独的Single Line,您必须在折叠列中最宽的行上指定折叠, 或者在所有行上
node_modules 最初的承诺 10小时前
测试 最初的承诺 10小时前
构建 最初的承诺 10小时前

列数

一个表可以指定它的列计数来平均分配它的内容

的名字 状态 年龄 性别 笔记
约翰 批准 22 男性 没有一个
杰米 批准 32 男性 需要调用
吉尔 否认 22 没有一个
3人 2批准

列宽

表可以独立地指定各个列的宽度.

表使用类似于的16列网格 ui网格
的名字 状态
约翰 批准
杰米 批准
吉尔 否认
3人 2批准

崩溃

一个表可以折叠,只占用与其行一样多的空间.

的名字 状态 笔记
约翰 批准 没有一个
杰米 批准 需要调用
吉尔 否认 没有一个
3人 2批准

彩色的

一个表可以被赋予一种颜色以区别于其他表.

食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g

桌子的颜色可以倒转

的名字 状态 笔记
约翰 批准 没有一个
杰米 批准 需要调用
吉尔 否认 没有一个
3人 2批准
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g
食物 卡路里 蛋白质
苹果 200 0g
橙色 310 0g

可分类的

表可以允许用户通过单击表头对内容进行排序.

添加类 提升 or 下行th 会向用户显示排序方向吗. 这个例子使用了kylefox的一个修改版本 tablesort插件 提供正确的类名. 要使可排序的表工作,包括 这个javascript 进入你的页面并呼叫 $(“表”).tablesort () 当DOM准备好时.
的名字 状态 笔记
约翰 不采取行动 没有一个
杰米 批准 需要调用
吉尔 否认 没有一个
3人 2批准

全宽页眉/页脚

定义表可以有一个全宽的页眉或页脚, 填补第一栏留下的空白

的名字 注册日期 电子邮件地址 保费计划
约翰Lilki 2013年9月14日 jhlilk22@yahoo.com No
杰米Harington 2014年1月11日, jamieharingonton@yahoo.com 是的
吉尔·刘易斯 2014年5月11日, jilsewris22@yahoo.com 是的
添加用户
批准
批准所有

为了便于阅读,有时需要对表进行更多的填充

的名字 状态 笔记
约翰 批准 他是一个很好的人,我很喜欢和他在电话里聊天. 我希望365app能再谈谈.
杰米 批准 杰米对365app的产品不感兴趣.
的名字 状态 笔记
约翰 批准 他是一个很好的人,我很喜欢和他在电话里聊天. 我希望365app能再谈谈.
杰米 批准 杰米对365app的产品不感兴趣.

紧凑的

一个表有时可能需要更紧凑,以便一次显示更多的行

的名字 状态 笔记
约翰 批准 没有一个
杰米 批准 需要调用
约翰 批准 没有一个
杰米 批准 需要调用
约翰 批准 没有一个
杰米 批准 需要调用
约翰 批准 没有一个
杰米 批准 需要调用
的名字 状态 另一个状态 笔记
约翰 批准 批准 没有一个
杰米 批准 批准 需要调用
约翰 批准 批准 没有一个
杰米 批准 批准 需要调用
约翰 批准 批准 没有一个
杰米 批准 批准 需要调用
约翰 批准 批准 没有一个
杰米 批准 批准 需要调用

大小

桌子也可以是小的或大的

的名字 状态 笔记
约翰 批准 没有一个
杰米 批准 需要调用
吉尔 否认 没有一个
3人 2批准
的名字 状态 笔记
约翰 批准 没有一个
杰米 批准 需要调用
吉尔 否认 没有一个
3人 2批准

调光器的信息
调光器分联箱

友情链接: 1 2 3 4 5 6 7 8 9