Table

This is for table.

Example

import { Table } from 'fiber-ui'

Regular

Name	Age	Address	Tags	Action
John Brown	32	New York No. 1 Lake Park	NICEDEVELOPER	Invite John Brown Delete
Jim Green	42	London No. 1 Lake Park	LOSER	Invite Jim Green Delete
Joe Black	32	Sidney No. 1 Lake Park	COOLTEACHER	Invite Joe Black Delete

Selection

	Name	Age	Address
	John Brown	32	New York No. 1 Lake Park
	Jim Green	42	London No. 1 Lake Park
	Joe Black	32	Sidney No. 1 Lake Park
	Disabled User	99	Sidney No. 1 Lake Park

	Name	Age	Address
	John Brown	32	New York No. 1 Lake Park
	Jim Green	42	London No. 1 Lake Park
	Joe Black	32	Sidney No. 1 Lake Park
	Disabled User	99	Sidney No. 1 Lake Park

Control Selection

	Name	Age	Address
	John Brown	32	New York No. 1 Lake Park
	Jim Green	42	London No. 1 Lake Park
	Joe Black	32	Sidney No. 1 Lake Park
	Disabled User	99	Sidney No. 1 Lake Park

Pagination

Name	Age	Address
Edward King 0	32	London, Park Lane no. 0
Edward King 1	32	London, Park Lane no. 1
Edward King 2	32	London, Park Lane no. 2
Edward King 3	32	London, Park Lane no. 3
Edward King 4	32	London, Park Lane no. 4
Edward King 5	32	London, Park Lane no. 5
Edward King 6	32	London, Park Lane no. 6
Edward King 7	32	London, Park Lane no. 7
Edward King 8	32	London, Park Lane no. 8
Edward King 9	32	London, Park Lane no. 9

• 1-10 of 100 items
• • 10 / Page
  • 20 / Page
  • 50 / Page
  • 100 / Page
• Go to

Hover Type

Name	Age	Address
John Brown	32	New York No. 1 Lake Park
Jim Green	42	London No. 1 Lake Park
Joe Black	32	Sidney No. 1 Lake Park
Disabled User	99	Sidney No. 1 Lake Park

Name	Age	Address
John Brown	32	New York No. 1 Lake Park
Jim Green	42	London No. 1 Lake Park
Joe Black	32	Sidney No. 1 Lake Park
Disabled User	99	Sidney No. 1 Lake Park

Clickable Cells

Category Name	Updated Time	Past Content	New Content	Change
Category 1	8/9/20 13:00 PM	19	25	+5 (31.58%)
Category 2	8/8/20 13:00 PM	Mauris ac dui id lectus dignissim convallis at a ex. Nullam commodo viverra dolor, quis placerat velit consequat et. In hac habitasse platea dictumst. Curabitur vitae porta sem. Aliquam non ligula erat. Aenean ac tincidunt justo, nec condimentum risus. Sed pulvinar tempor dolor dictum maximus. Aenean molestie, mi eu fermentum lacinia, augue massa tristique lorem, ut sollicitudin justo mi tristique libero.	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed nisi eget nunc tristique gravida. Cras ullamcorper libero a dapibus ullamcorper. Quisque malesuada molestie lorem non dignissim. Cras luctus sodales libero viverra mollis. Praesent fermentum felis eget augue lacinia rutrum. Nunc sit amet lacus nisi. In in erat fringilla, varius diam sit amet, consectetur tellus. Morbi et purus odio.	Click to see change
Category 3	8/4/20 13:00 PM	19.28	15.62	-3.66 (18.98%)
Category 4	8/3/20 9:00 PM	Sed imperdiet dignissim massa ac efficitur. Suspendisse vitae sem lacinia, fringilla diam ut, tempor massa. Aliquam vitae elit erat. Proin non metus eleifend, iaculis mi volutpat, rutrum massa. Praesent consectetur eros mattis augue feugiat porttitor. Maecenas sem turpis, congue vitae faucibus id, consectetur vel lectus. Maecenas pretium neque quis vestibulum eleifend. Praesent et lacus dapibus, tempor diam in, mattis neque. Pellentesque at dapibus mi, quis scelerisque urna. In hac habitasse platea dictumst. Sed id tortor ut neque elementum finibus ornare non risus. Proin tempus imperdiet dignissim. Pellentesque rhoncus, metus quis ornare viverra, est urna ultrices ex, id tempus ipsum urna et dui. Etiam rhoncus tempor blandit. Proin posuere ultricies elit.	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed nisi eget nunc tristique gravida. Cras ullamcorper libero a dapibus ullamcorper. Quisque malesuada molestie lorem non dignissim. Cras luctus sodales libero viverra mollis. Praesent fermentum felis eget augue lacinia rutrum. Nunc sit amet lacus nisi. In in erat fringilla, varius diam sit amet, consectetur tellus. Morbi et purus odio.	Click to see change