带边框的表格
| # | 任务 | 进度 | 标签 |
|---|---|---|---|
| 1. | 更新软件 |
|
55% |
| 2. | 清理数据库 |
|
70% |
| 3. | 计划任务正在运行 |
|
30% |
| 4. | 修复和消除错误 |
|
90% |
紧凑的全宽度表格
| # | 任务 | 进度 | 标签 |
|---|---|---|---|
| 1. | 更新软件 |
|
55% |
| 2. | 清理数据库 |
|
70% |
| 3. | 计划任务正在运行 |
|
30% |
| 4. | 修复和消除错误 |
|
90% |
响应式悬停表格
| ID | 用户 | 日期 | 状态 | 原因 |
|---|---|---|---|---|
| 183 | John Doe | 11-7-2014 | 已批准 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
| 219 | Alexander Pierce | 11-7-2014 | 待定 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
| 657 | Bob Doe | 11-7-2014 | 已批准 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
| 175 | Mike Doe | 11-7-2014 | 拒绝 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
固定表头表格
| ID | 用户 | 日期 | 状态 | 原因 |
|---|---|---|---|---|
| 183 | John Doe | 11-7-2014 | 已批准 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
| 219 | Alexander Pierce | 11-7-2014 | 待定 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
| 657 | Bob Doe | 11-7-2014 | 已批准 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
| 175 | Mike Doe | 11-7-2014 | 拒绝 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
| 134 | Jim Doe | 11-7-2014 | 已批准 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
| 494 | Victoria Doe | 11-7-2014 | 待定 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
| 832 | Michael Doe | 11-7-2014 | 已批准 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
| 982 | Rocky Doe | 11-7-2014 | 拒绝 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
可展开的表格
| # | 用户 | 日期 | 状态 | 原因 |
|---|---|---|---|---|
| 183 | John Doe | 11-7-2014 | 已批准 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
|
Lorem Ipsum 是一种印刷和排版行业的标准假文。Lorem Ipsum 自从 1500 年代以来一直是该行业的标准假文，当时一位不知名的印刷工使用了一盘铅字，并将它们打乱以制作一份印刷样张。它不仅在五个世纪中幸存下来，而且还随着电子排版技术的出现而跃入电子排版领域，基本上保持不变。它在 20 世纪 60 年代随着包含 Lorem Ipsum 片段的 Letraset 纸张的发布而流行起来，最近随着 Aldus PageMaker 等桌面出版软件的发布而流行起来，这些软件包含 Lorem Ipsum 版本。 |
||||
| 219 | Alexander Pierce | 11-7-2014 | 待定 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
|
Lorem Ipsum 是一种印刷和排版行业的标准假文。Lorem Ipsum 自从 1500 年代以来一直是该行业的标准假文，当时一位不知名的印刷工使用了一盘铅字，并将它们打乱以制作一份印刷样张。它不仅在五个世纪中幸存下来，而且还随着电子排版技术的出现而跃入电子排版领域，基本上保持不变。它在 20 世纪 60 年代随着包含 Lorem Ipsum 片段的 Letraset 纸张的发布而流行起来，最近随着 Aldus PageMaker 等桌面出版软件的发布而流行起来，这些软件包含 Lorem Ipsum 版本。 |
||||
| 657 | Alexander Pierce | 11-7-2014 | 已批准 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
|
Lorem Ipsum 是一种印刷和排版行业的标准假文。Lorem Ipsum 自从 1500 年代以来一直是该行业的标准假文，当时一位不知名的印刷工使用了一盘铅字，并将它们打乱以制作一份印刷样张。它不仅在五个世纪中幸存下来，而且还随着电子排版技术的出现而跃入电子排版领域，基本上保持不变。它在 20 世纪 60 年代随着包含 Lorem Ipsum 片段的 Letraset 纸张的发布而流行起来，最近随着 Aldus PageMaker 等桌面出版软件的发布而流行起来，这些软件包含 Lorem Ipsum 版本。 |
||||
| 175 | Mike Doe | 11-7-2014 | 拒绝 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
|
Lorem Ipsum 是一种印刷和排版行业的标准假文。Lorem Ipsum 自从 1500 年代以来一直是该行业的标准假文，当时一位不知名的印刷工使用了一盘铅字，并将它们打乱以制作一份印刷样张。它不仅在五个世纪中幸存下来，而且还随着电子排版技术的出现而跃入电子排版领域，基本上保持不变。它在 20 世纪 60 年代随着包含 Lorem Ipsum 片段的 Letraset 纸张的发布而流行起来，最近随着 Aldus PageMaker 等桌面出版软件的发布而流行起来，这些软件包含 Lorem Ipsum 版本。 |
||||
| 134 | Jim Doe | 11-7-2014 | 已批准 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
|
Lorem Ipsum 是一种印刷和排版行业的标准假文。Lorem Ipsum 自从 1500 年代以来一直是该行业的标准假文，当时一位不知名的印刷工使用了一盘铅字，并将它们打乱以制作一份印刷样张。它不仅在五个世纪中幸存下来，而且还随着电子排版技术的出现而跃入电子排版领域，基本上保持不变。它在 20 世纪 60 年代随着包含 Lorem Ipsum 片段的 Letraset 纸张的发布而流行起来，最近随着 Aldus PageMaker 等桌面出版软件的发布而流行起来，这些软件包含 Lorem Ipsum 版本。 |
||||
| 494 | Victoria Doe | 11-7-2014 | 待定 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
|
Lorem Ipsum 是一种印刷和排版行业的标准假文。Lorem Ipsum 自从 1500 年代以来一直是该行业的标准假文，当时一位不知名的印刷工使用了一盘铅字，并将它们打乱以制作一份印刷样张。它不仅在五个世纪中幸存下来，而且还随着电子排版技术的出现而跃入电子排版领域，基本上保持不变。它在 20 世纪 60 年代随着包含 Lorem Ipsum 片段的 Letraset 纸张的发布而流行起来，最近随着 Aldus PageMaker 等桌面出版软件的发布而流行起来，这些软件包含 Lorem Ipsum 版本。 |
||||
| 832 | Michael Doe | 11-7-2014 | 已批准 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
|
Lorem Ipsum 是一种印刷和排版行业的标准假文。Lorem Ipsum 自从 1500 年代以来一直是该行业的标准假文，当时一位不知名的印刷工使用了一盘铅字，并将它们打乱以制作一份印刷样张。它不仅在五个世纪中幸存下来，而且还随着电子排版技术的出现而跃入电子排版领域，基本上保持不变。它在 20 世纪 60 年代随着包含 Lorem Ipsum 片段的 Letraset 纸张的发布而流行起来，最近随着 Aldus PageMaker 等桌面出版软件的发布而流行起来，这些软件包含 Lorem Ipsum 版本。 |
||||
| 982 | Rocky Doe | 11-7-2014 | 拒绝 | 培根香肠肉干火鸡肉腊肠猪肉香肠。 |
|
Lorem Ipsum 是一种印刷和排版行业的标准假文。Lorem Ipsum 自从 1500 年代以来一直是该行业的标准假文，当时一位不知名的印刷工使用了一盘铅字，并将它们打乱以制作一份印刷样张。它不仅在五个世纪中幸存下来，而且还随着电子排版技术的出现而跃入电子排版领域，基本上保持不变。它在 20 世纪 60 年代随着包含 Lorem Ipsum 片段的 Letraset 纸张的发布而流行起来，最近随着 Aldus PageMaker 等桌面出版软件的发布而流行起来，这些软件包含 Lorem Ipsum 版本。 |
||||
可展开的表格树
| 183 | |||||||||||
| 219 | |||||||||||
|
|||||||||||
| 657 | |||||||||||
| 175 | |||||||||||
| 134 | |||||||||||
| 494 | |||||||||||
| 832 | |||||||||||
| 982 |