Crystal

Simple Table

Add Class .table

ID	Project Name	Status	Progress
#121	Donec quam felis, ultricies nec, pellentesque eu, pretium quis, semn	Testing	5,3,2,-1,-3,-2,2,3,5,2
#122	In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo	Design	1,-1,0,2,3,1,-1,1,4,2
#123	Nullam dictum felis eu pede mollis pretium. Integer tincidunt cras dapibus	Developing	2,3,-1,-3,-1,0,2,4,5,3
#124	Vivamus elementum semper nisi. Aenean vulputate eleifend tellus	Canceled	1,-2,0,2,4,5,3,2,4,2
#125	Etiam ultricies nisi vel augue curabitur ultricies nisi nam eget dui	Panding	1,-2,0,2,4,5,3,2,4,2

Hover Table

Add Class .table-hover to enable a hover state on table rows within a

#	First Name	Lastname	Username	Role
1	Mark	Stevenson	@makr	Admin
2	Jacob	Hoffman	@jaco	Designer
3	Larry	Hickle	@lary	Developer
4	Mark	Gusikowski	@sanlim	Supporter
5	Bruce	Prohaska	@brce	Designer

Striped Table

Add Class .table-striped To add zebra-striping to any table row within the

#	First Name	Lastname	Username	Role
1	Mark	Stevenson	@makr	Admin
2	Jacob	Hoffman	@jaco	Designer
3	Larry	Hickle	@lary	Developer
4	Mark	Gusikowski	@sanlim	Supporter
5	Bruce	Prohaska	@brce	Designer

Bordered Table

Add Class .table-bordered for borders on all sides of the table and cells.

ID	Project Name	Status	Progress
#121	Donec quam felis, ultricies nec, pellentesque eu, pretium quis, semn	Testing	5,3,2,-1,-3,-2,2,3,5,2
#122	In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo	Design	1,-1,0,2,3,1,-1,1,4,2
#123	Nullam dictum felis eu pede mollis pretium. Integer tincidunt cras dapibus	Developing	2,3,-1,-3,-1,0,2,4,5,3
#124	Vivamus elementum semper nisi. Aenean vulputate eleifend tellus	Canceled	1,-2,0,2,4,5,3,2,4,2
#125	Etiam ultricies nisi vel augue curabitur ultricies nisi nam eget dui	Panding	1,-2,0,2,4,5,3,2,4,2

Table Condensed

Add Class .table-condensed to make tables more compact by cutting cell padding in half.

Product	Price	Date	Status
Apple MacBook Pro 15"	$1899	28/06/2017	Completed
Apple iPhone 7	$949	27/06/2017	Working
LG 34UC98	$839	26/06/2017	Pending
Intel i5 6600k	$359	25/06/2017	Completed
Samsung Galaxy S7	$569	24/06/2017	Cancelled

Selectable Table

Invoice	Product	Date	Price
#16491	Apple MacBook Pro 15"	28/06/2017	$1899
#16492	Apple iPhone 7	27/06/2017	$949
#16493	LG 34UC98	26/06/2017	$839
#16494	Intel i5 6600k	25/06/2017	$359
#16495	Samsung Galaxy S7	24/06/2017	$569

Table Responsive

Add Class .table-responsive to make them scroll horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.

Invoice	User	Date	Amount	Status	Country
#16496	Herman Beck	28/06/2017	$1899	Paid	Romania
#16497	Caleb Richards	27/06/2017	$949	Shipped	Ireland
#16498	Mary Adams	26/06/2017	$839	Shipped	Thailand
#16499	June Lane	25/06/2017	$359	Panding	Botswana
#16500	Caleb Richards	24/06/2017	$569	Cancel	Canada

Contextual Table

Add Class .active, .success, .info, .warning, .danger to color table rows or individual cells.

#	Fullname	Joining Date	Role	Age	Sellery
1	Herman Beck	28/06/2017	Designer	35	$75000
2	Caleb Richards	27/06/2017	Designer	21	$28000
3	Mary Adams	26/06/2017	Developer	41	$89000
4	June Lane	25/06/2017	Supporter	36	$34000
5	Caleb Richards	24/06/2017	Designer	29	$38000
6	Herman Beck	23/06/2017	Supporter	36	$34000
7	Mary Adams	22/06/2017	Developer	34	$36000
8	June Lane	21/06/2017	Designer	41	$89000
9	Caleb Richards	20/06/2017	Designer	22	$56000