--- id: Table section: components wrapperTag: div ---import './Table.css' ## Demos ### Basic ```html isFullscreen
Skip to content

Main title

This is a full page demo.

Row select Repositories Branches Pull requests Workspaces Last commit Actions Actions
10 25 5 2 days ago Action link
8 30 2 2 days ago Action link
12 48 13 30 days ago Action link
3 8 20 8 days ago Action link
34 21 26 2 days ago Action link
``` ### Sortable ```html isFullscreen
Skip to content

Main title

This is a full page demo.

Row select Actions Actions
10 25 5 2 days ago Action link
8 30 2 2 days ago Action link
12 48 13 30 days ago Action link
3 8 20 8 days ago Action link
34 21 26 2 days ago Action link
``` ### Expandable ```html isFullscreen
Skip to content

Main title

This is a full page demo.

Row select Repositories Branches Pull requests Work spaces Last commit Actions Actions
10 25 5 2 days ago Action link
Actions Actions
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Actions
10 5 8 2 days ago Action link
Actions Actions

Git URL: http://github.com/mindreeper2420/rhuxd.git

Latest commit SHA1 64ae92893d7a98c71b3ef56835ed1c96354526be

Status 20 total files changed

License Apache License 2.9

Actions Actions
10 25 5 2 days ago Action link
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
10 25 5 2 days ago Action link
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
10 25 5 2 days ago Action link
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
``` ### Compact ```html isFullscreen
Skip to content

Main title

This is a full page demo.

Row select Contributor Position Location Last seen Numbers Icons Actions Actions
Sam Jones CSS guru Not too sure May 9, 2018 0556 Action link
Amy Miller Visual design Raleigh May 9, 2018 9492 Action link
Steve Wilson Visual design lead Westford May 9, 2018 9929 Action link
Emma Jackson Interaction design Westford May 9, 2018 2217 Action link
``` ### Compound expansion ```html isFullscreen
Skip to content

Main title

This is a full page demo.

Work spaces Last commit Actions Actions
siemur/test-space 20 minutes Open in Github
Date Status Actions
Item one May 9, 2018 Active
Item two May 9, 2018 Warning
Item three May 9, 2018 Active
Item four May 9, 2018 Active
Item five May 9, 2018 Active
Date Status Actions
Item one May 9, 2018 Active
Item two May 9, 2018 Warning
Item three May 9, 2018 Active
Item four May 9, 2018 Active
Item five May 9, 2018 Active
Date Status Actions
Item one May 9, 2018 Active
Item two May 9, 2018 Warning
Item three May 9, 2018 Active
Item four May 9, 2018 Active
Item five May 9, 2018 Active
siemur/test-space 1 day ago Open in Github
Date Status Actions
Item one May 9, 2018 Active
Item two May 9, 2018 Warning
Item three May 9, 2018 Active
Item four May 9, 2018 Active
Item five May 9, 2018 Active
Date Status Actions
Item one May 9, 2018 Active
Item two May 9, 2018 Warning
Item three May 9, 2018 Active
Item four May 9, 2018 Active
Item five May 9, 2018 Active
Date Status Actions
Item one May 9, 2018 Active
Item two May 9, 2018 Warning
Item three May 9, 2018 Active
Item four May 9, 2018 Active
Item five May 9, 2018 Active
siemur/test-space 2 days ago Open in Github
Date Status Actions
Item one May 9, 2018 Active
Item two May 9, 2018 Warning
Item three May 9, 2018 Active
Item four May 9, 2018 Active
Item five May 9, 2018 Active
Date Status Actions
Item one May 9, 2018 Active
Item two May 9, 2018 Warning
Item three May 9, 2018 Active
Item four May 9, 2018 Active
Item five May 9, 2018 Active
Date Status Actions
Item one May 9, 2018 Active
Item two May 9, 2018 Warning
Item three May 9, 2018 Active
Item four May 9, 2018 Active
Item five May 9, 2018 Active
``` ### Loading state demo ```html isFullscreen
Skip to content

Main title

This is a full page demo.

Repositories Branches Pull requests Workspaces Last commit Actions Actions

Loading
``` ### Empty state ```html isFullscreen
Skip to content

Main title

This is a full page demo.

Repositories Branches Pull requests Workspaces Last commit Actions Actions

No results found

No results match the filter criteria. Remove all filters or clear all filters to show results.
``` ### Static bottom pagination ```html isFullscreen
Skip to content

Main title

This is a full page demo.

Row select Repositories Branches Pull requests Workspaces Last commit Actions Actions
10 25 5 2 days ago Action link
8 30 2 2 days ago Action link
12 48 13 30 days ago Action link
3 8 20 8 days ago Action link
34 21 26 2 days ago Action link
``` ### Column management modal ```html isFullscreen
Skip to content

Main title

This is a full page demo.

Row select Repositories Branches Pull requests Workspaces Last commit Actions Actions
10 25 5 2 days ago Action link
8 30 2 2 days ago Action link
12 48 13 30 days ago Action link
3 8 20 8 days ago Action link
34 21 26 2 days ago Action link
``` ### Sticky header ```html isFullscreen
Skip to content

Main title

This is a full page demo.

Row select Repositories Branches Pull requests Workspaces Last commit Actions Actions
10 25 5 2 days ago Action link
8 30 2 2 days ago Action link
12 48 13 30 days ago Action link
3 8 20 8 days ago Action link
34 21 26 2 days ago Action link
``` ### Sticky first column ```html isFullscreen
Skip to content

Main title

This is a full page demo.

Header 3 Header 4 Header 5 Header 6 Header 7 Header 8 Header 9
Fact 1 State 1 Test cell 1-3 Test cell 1-4 Test cell 1-5 Test cell 1-6 Test cell 1-7 Test cell 1-8 Test cell 1-9
Fact 2 State 2 Test cell 2-3 Test cell 2-4 Test cell 2-5 Test cell 2-6 Test cell 2-7 Test cell 2-8 Test cell 2-9
Fact 3 State 3 Test cell 3-3 Test cell 3-4 Test cell 3-5 Test cell 3-6 Test cell 3-7 Test cell 3-8 Test cell 3-9
Fact 4 State 4 Test cell 4-3 Test cell 4-4 Test cell 4-5 Test cell 4-6 Test cell 4-7 Test cell 4-8 Test cell 4-9
Fact 5 State 5 Test cell 5-3 Test cell 5-4 Test cell 5-5 Test cell 5-6 Test cell 5-7 Test cell 5-8 Test cell 5-9
Fact 6 State 6 Test cell 6-3 Test cell 6-4 Test cell 6-5 Test cell 6-6 Test cell 6-7 Test cell 6-8 Test cell 6-9
Fact 7 State 7 Test cell 7-3 Test cell 7-4 Test cell 7-5 Test cell 7-6 Test cell 7-7 Test cell 7-8 Test cell 7-9
Fact 8 State 8 Test cell 8-3 Test cell 8-4 Test cell 8-5 Test cell 8-6 Test cell 8-7 Test cell 8-8 Test cell 8-9
Fact 9 State 9 Test cell 9-3 Test cell 9-4 Test cell 9-5 Test cell 9-6 Test cell 9-7 Test cell 9-8 Test cell 9-9
``` ### Sticky multiple columns ```html isFullscreen
Skip to content

Main title

This is a full page demo.

Header 3 Header 4 Header 5 Header 6 Header 7 Header 8 Header 9
Fact 1 State 1 Test cell 1-3 Test cell 1-4 Test cell 1-5 Test cell 1-6 Test cell 1-7 Test cell 1-8 Test cell 1-9
Fact 2 State 2 Test cell 2-3 Test cell 2-4 Test cell 2-5 Test cell 2-6 Test cell 2-7 Test cell 2-8 Test cell 2-9
Fact 3 State 3 Test cell 3-3 Test cell 3-4 Test cell 3-5 Test cell 3-6 Test cell 3-7 Test cell 3-8 Test cell 3-9
Fact 4 State 4 Test cell 4-3 Test cell 4-4 Test cell 4-5 Test cell 4-6 Test cell 4-7 Test cell 4-8 Test cell 4-9
Fact 5 State 5 Test cell 5-3 Test cell 5-4 Test cell 5-5 Test cell 5-6 Test cell 5-7 Test cell 5-8 Test cell 5-9
Fact 6 State 6 Test cell 6-3 Test cell 6-4 Test cell 6-5 Test cell 6-6 Test cell 6-7 Test cell 6-8 Test cell 6-9
Fact 7 State 7 Test cell 7-3 Test cell 7-4 Test cell 7-5 Test cell 7-6 Test cell 7-7 Test cell 7-8 Test cell 7-9
Fact 8 State 8 Test cell 8-3 Test cell 8-4 Test cell 8-5 Test cell 8-6 Test cell 8-7 Test cell 8-8 Test cell 8-9
Fact 9 State 9 Test cell 9-3 Test cell 9-4 Test cell 9-5 Test cell 9-6 Test cell 9-7 Test cell 9-8 Test cell 9-9
``` ### Sticky header and multiple columns ```html isFullscreen
Skip to content

Main title

This is a full page demo.

Header 3 Header 4 Header 5 Header 6 Header 7 Header 8 Header 9
Fact 1 State 1 Test cell 1-3 Test cell 1-4 Test cell 1-5 Test cell 1-6 Test cell 1-7 Test cell 1-8 Test cell 1-9
Fact 2 State 2 Test cell 2-3 Test cell 2-4 Test cell 2-5 Test cell 2-6 Test cell 2-7 Test cell 2-8 Test cell 2-9
Fact 3 State 3 Test cell 3-3 Test cell 3-4 Test cell 3-5 Test cell 3-6 Test cell 3-7 Test cell 3-8 Test cell 3-9
Fact 4 State 4 Test cell 4-3 Test cell 4-4 Test cell 4-5 Test cell 4-6 Test cell 4-7 Test cell 4-8 Test cell 4-9
Fact 5 State 5 Test cell 5-3 Test cell 5-4 Test cell 5-5 Test cell 5-6 Test cell 5-7 Test cell 5-8 Test cell 5-9
Fact 6 State 6 Test cell 6-3 Test cell 6-4 Test cell 6-5 Test cell 6-6 Test cell 6-7 Test cell 6-8 Test cell 6-9
Fact 7 State 7 Test cell 7-3 Test cell 7-4 Test cell 7-5 Test cell 7-6 Test cell 7-7 Test cell 7-8 Test cell 7-9
Fact 8 State 8 Test cell 8-3 Test cell 8-4 Test cell 8-5 Test cell 8-6 Test cell 8-7 Test cell 8-8 Test cell 8-9
Fact 9 State 9 Test cell 9-3 Test cell 9-4 Test cell 9-5 Test cell 9-6 Test cell 9-7 Test cell 9-8 Test cell 9-9
``` ### Sticky header and last column ```html isFullscreen
Skip to content

Main title

This is a full page demo.

Header 3 Header 4 Header 5 Header 6 Header 7 Header 8 Header 9
Fact 1 State 1 Test cell 1-3 Test cell 1-4 Test cell 1-5 Test cell 1-6 Test cell 1-7 Test cell 1-8 Test cell 1-9
Fact 2 State 2 Test cell 2-3 Test cell 2-4 Test cell 2-5 Test cell 2-6 Test cell 2-7 Test cell 2-8 Test cell 2-9
Fact 3 State 3 Test cell 3-3 Test cell 3-4 Test cell 3-5 Test cell 3-6 Test cell 3-7 Test cell 3-8 Test cell 3-9
Fact 4 State 4 Test cell 4-3 Test cell 4-4 Test cell 4-5 Test cell 4-6 Test cell 4-7 Test cell 4-8 Test cell 4-9
Fact 5 State 5 Test cell 5-3 Test cell 5-4 Test cell 5-5 Test cell 5-6 Test cell 5-7 Test cell 5-8 Test cell 5-9
Fact 6 State 6 Test cell 6-3 Test cell 6-4 Test cell 6-5 Test cell 6-6 Test cell 6-7 Test cell 6-8 Test cell 6-9
Fact 7 State 7 Test cell 7-3 Test cell 7-4 Test cell 7-5 Test cell 7-6 Test cell 7-7 Test cell 7-8 Test cell 7-9
Fact 8 State 8 Test cell 8-3 Test cell 8-4 Test cell 8-5 Test cell 8-6 Test cell 8-7 Test cell 8-8 Test cell 8-9
Fact 9 State 9 Test cell 9-3 Test cell 9-4 Test cell 9-5 Test cell 9-6 Test cell 9-7 Test cell 9-8 Test cell 9-9
``` ### Cell with image alignment By default, table cell alignment is set to baseline. This retains vertical alignment with varying text size, but can cause visual inconsistencies with images. The vertical alignment of images within table cells may need to be specified to provide proper alignment. ```html isFullscreen
Skip to content

Main title

This is a full page demo.

 Workspaces
Last commit
RedHat-Logo-Hat-Color

Repository 1

2.6.6 provided by Red Hat Inc
10 25 5 2 days ago
GitHub logo

Repository 2

2.6.6 provided by Github
10 25 5 2 days ago
Google logo

Repository 3

1.2.3 provided by Google
10 25 5 2 days ago
```