Semantic UI React 2.0.4src/collections/Table/Table.jsTypes
Types
A standard table.
| Header | Header | Header |
|---|---|---|
First | Cell | Cell |
| Cell | Cell | Cell |
| Cell | Cell | Cell |
| Evidence Rating | Effect | Efficacy | Consensus | Comments |
|---|---|---|---|---|
A | Power Output | 80% 18 studies | Creatine supplementation is the reference compound for increasing muscular creatine levels; there is variability in this increase, however, with some nonresponders. | |
A | Weight | 100% 65 studies | Creatine is the reference compound for power improvement, with numbers from one meta-analysis to assess potency |
| Employee | Correct Guesses |
|---|---|
Human Resources | 22 |
Fabric Design | 15 |
Entertainment | 12 |
Executive | 11 |
| Git Repository | ||
|---|---|---|
| node_modules | Initial commit | 10 hours ago |
| test | Initial commit | 10 hours ago |
| build | Initial commit | 10 hours ago |
| package.json | Initial commit | 10 hours ago |
| Gruntfile.js | Initial commit | 10 hours ago |
Definition
A table may be formatted to emphasize a first column that defines a row content.
| Arguments | Description | |
|---|---|---|
| reset rating | None | Resets rating to default value |
| set rating | rating (integer) | Sets the current star rating to specified value |
| Name | Registration Date | E-mail address | Premium Plan | |
|---|---|---|---|---|
| John Lilki | September 14, 2013 | jhlilk22@yahoo.com | No | |
| Jamie Harington | January 11, 2014 | jamieharingonton@yahoo.com | Yes | |
| Jill Lewis | May 11, 2014 | jilsewris22@yahoo.com | Yes | |
Structured
A table can be formatted to display complex structured data.
| Name | Type | Files | Languages | ||
|---|---|---|---|---|---|
| Ruby | JavaScript | Python | |||
| Alpha Team | Project 1 | 2 | |||
| Beta Team | Project 1 | 52 | |||
| Project 2 | 12 | ||||
| Project 3 | 21 | ||||
States
Positive / Negative
A cell or row may let a user know whether a value is good or bad.
| Name | Status | Notes |
|---|---|---|
| No Name Specified | Unknown | None |
| Jimmy | Approved | None |
| Jamie | Unknown | Requires call |
| Jill | Unknown | None |
Error
A cell or row may call attention to an error or a negative value.
| Name | Status | Notes |
|---|---|---|
| No Name Specified | Approved | None |
| Jimmy | Cannot pull data | None |
| Jamie | Approved | Classified |
| Jill | Approved | None |
Warning
A cell or row may warn a user.
| Name | Status | Notes |
|---|---|---|
| No Name Specified | Unknown | None |
| Jimmy | Requires Action | None |
| Jamie | Unknown | Hostile |
| Jill | Unknown | None |
You can do the same using shorthands.
Active
A cell or row can be active or selected by a user.
Disabled
A cell can be disabled.
Variations
Single Line
A table can specify that its cell contents should remain on a single line, and not wrap.
Attached
A table can be attached to other content on a page.
Fixed
A table can use fixed a special faster form of table rendering that does not resize table cells based on content.
Stacking
A table can specify how it stacks table content responsively.
Selectable Row
A table can have its rows appear selectable.
Selectable Cell
A table cell can be selectable.
Vertical Alignment
A table, header, row or cell can adjust its vertical alignment.
Text Alignment
A table, header, row, or cell can adjust its text alignment.
Striped
A table can stripe alternate rows of content with a darker color to increase contrast.
Celled
A table may be divided into individual cells.
Basic
A table can reduce its complexity to increase readability.
Collapsing Cell
A cell can be collapsing so that it only uses as much space as required.
Column Count
A table can specify its column count to divide its content evenly.
Column Width
A table can specify the width of individual columns independently.
Collapsing
A table can be collapsing, taking up only as much space as its rows.
Colored
A table can be given a color to distinguish it from other table.
Inverted
A table's colors can be inverted.
Sortable
A table can appear to sort its data by column in ascending or descending order.
Full-Width Header / Footer
A definition table can have a full width header or footer, filling in the gap left by the first column.
Padded
A table may sometimes need to be more padded for legibility.
Compact
A table may sometimes need to be more compact to make more rows visible at a time.
Size
A table can also be small or large.
This is the bottom
Blazing deployments by 
Vercel.
Vercel.