Tabels
Basic Tables
Name Created On Number Status
Mark 21,Dec 2021 +1234-12340 Completed
Monika 29,April 2022 +1523-12459 Failed
Madina 30,Nov 2022 +1982-16234 Successful
Bhamako 18,Mar 2022 +1526-10729 Pending
Samantha Julia 18,May 2021 +1626-12759 Pending
Bordered Tables
User Status Email Action
img Sukuro Kim
Active kimosukuro@gmail.com
img Hasimna
Inactive hasimna2132@gmail.com
img Azimo Khan
Active azimokhan421@gmail.com
img Samantha Julia
Active julianasams143@gmail.com
Bordered Primary
Order Date Customer Action
#0007 26-04-2022
img Mayor Kelly
Booked
#0008 15-02-2022
img Wicky Kross
Booked
#0009 23-05-2022
img Julia Cam
Booked
Bordered Success
Order Date Customer Status
#0011 07-01-2022
img Helsenky
Delivered
#0012 18-05-2022
img Brodus
Delivered
#0013 19-03-2022
img Chikka Alen
Delivered
Bordered warning
Order Date Customer Action
#0014 21-02-2022
img Sukuro Kim
Accepted
#0018 26-03-2022
img Alex Carey
Accepted
#0020 14-03-2022
img Pamila Anderson
Accepted
Table Without Borders
User Name Transaction Id Created Status
Harshrath #5182-3467 24 May 2022 Fixed
Zozo Hadid #5182-3412 02 July 2022 In Progress
Martiana #5182-3423 15 April 2022 Completed
Alex Carey #5182-3456 17 March 2022 Pending
Table Group Divideres
Product Seller Sale Percentage Quantity Sold
Smart Watch Slowtrack.inc 24.23% 250/1786
White Sneakers American & Co.inc 12.45% 123/985
Baseball Bat Sports Company 06.64% 124/232
Black Hoodie Renonds Fabrics 14.42% 192/2456
Mens watch Branded 14.42% 162/2256
Striped rows
ID Date Customer Action
2022R-01 27-010-2022 Moracco
2022R-02 28-10-2022 Thornton
2022R-03 22-10-2022 Larry Bird
2022R-04 29-09-2022 Erica Sean
Striped columns
ID Date Customer Action
2022R-01 27-010-2022 Moracco
2022R-02 28-10-2022 Thornton
2022R-03 22-10-2022 Larry Bird
2022R-04 29-09-2022 Erica Sean
Primary Table
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird Thornton @twitter
Secondary Table
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird Thornton @twitter
Warning Table
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird Thornton @twitter
Danger Table
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird Thornton @twitter
Dark Table
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird Thornton @twitter
Success Table With Striped Rows
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird Thornton @twitter
Hoverable Rows
Product Manager Category Team Status
img
Joanna Smith
joannasmith14@gmail.com
Fashion
img img img +5
img
Kara Kova
milesakara@gmail.com
Clothing
img img +6
img
Donald Trimb
donaldo21@gmail.com
Electronics
img img img +2
img
Justin Gaethje
justingae@gmail.com
Sports
img img +5
Hoverable rows With striped rows
Invoice Customer Status Date
IN-2032
img
Mark Cruise
markcruise24@gmail.com
Paid Jul 26,2022
IN-2022
img
Charanjeep
charanjeep@gmail.in
Paid Mar 14,2022
IN-2014
img
Samantha Julie
julie453@gmail.com
Cancelled Feb 1,2022
IN-2036
img
Simon Cohen
simon@gmail.com
Refunded Apr 24,2022
Table Head Primary
User Name Transaction Id Created Status
Harshrath #5182-3467 24 May 2022
Zozo Hadid #5182-3412 02 July 2022
Martiana #5182-3423 15 April 2022
Alex Carey #5182-3456 17 March 2022
Table Head warning
User Name Transaction Id Created Status
Harshrath #5182-3467 24 May 2022
Zozo Hadid #5182-3412 02 July 2022
Martiana #5182-3423 15 April 2022
Alex Carey #5182-3456 17 March 2022
Table Head Success
User Name Transaction Id Created Status
Harshrath #5182-3467 24 May 2022
Zozo Hadid #5182-3412 02 July 2022
Martiana #5182-3423 15 April 2022
Alex Carey #5182-3456 17 March 2022
Table Head Info
User Name Transaction Id Created Status
Harshrath #5182-3467 24 May 2022
Zozo Hadid #5182-3412 02 July 2022
Martiana #5182-3423 15 April 2022
Alex Carey #5182-3456 17 March 2022
Table Head Secondary
User Name Transaction Id Created Status
Harshrath #5182-3467 24 May 2022
Zozo Hadid #5182-3412 02 July 2022
Martiana #5182-3423 15 April 2022
Alex Carey #5182-3456 17 March 2022
Table Head Danger
User Name Transaction Id Created Status
Harshrath #5182-3467 24 May 2022
Zozo Hadid #5182-3412 02 July 2022
Martiana #5182-3423 15 April 2022
Alex Carey #5182-3456 17 March 2022
Table Foot
S.No Team Matches Won Win Ratio
01 Manchester 232 42%
02 Barcelona 175 58%
03 Portugal 126 32%
Total United States 558 56%
Table With Caption
Top 3 Countries
S.No Country Medals Won No Of Athletes
01 United States 2012 1823
02 United Kingdom 1012 992
03 Germany 914 875
Table With Top Caption
Top IT Companies
S.No Name Revenue Country
1 Microsoft $170 billion United States
2 HP $72 billion United States
3 IBM $60 billion United States
Active Tables
Name Created On Number Status
Mark 21,Dec 2021 +1234-12340 Completed
Monika 29,April 2022 +1523-12459 Failed
Madina 30,Nov 2022 +1982-16234 Successful
Bhamako 18,Mar 2022 +1526-10729 Pending
Small Tables
Invoice Created Date Status Action
25-Apr-2021 Paid
29-April-2022 Pending
30-Nov-2022 Paid
01-Jan-2022 Paid
Color variants tables
Color Client State Quantity Total Price
Default Rita Book Processed 22 $2,012
Primary Rhoda Report Processed 22 $4,254
Secondary Rita Book Processed 26 $1,234
Success Anne Teak Processed 42 $2,623
Danger Dee End Processed 52 $32,132
Warning Lee Nonmi Processed 10 $1,434
Info Lynne Gwistic Processed 63 $1,854
Light Fran Tick Processed 05 $823
Dark Polly Pipe Processed 35 $1,832
Nesting
# First Last Handle
1 Mark Otto @mdo
Alphabets Users Email
A Dino King dinoking231@gmail.com
B Poppins sams pops@gmail.com
C Brian Shaw swanbrian@gmail.com
3 Larry the Bird @twitter
4 Jimmy the Ostrich Dummy Text
5 Cobra Kai the Snake Another Name
Always responsive
Team Head Category Role Gmail Team Work Progress Revenue Action
img Mayor Kelly
Manufacturer Team Lead mayorkrlly@gmail.com
img img img +4
$10,984.29
img Andrew Garfield
Managing Director Director andrewgarfield@gmail.com
img img img img +4
$1.4billion
img Simon Cowel
Service Manager Manager simoncowel234@gmail.com
img img +10
$7,123.21
img Mirinda Hers
Recruiter Employee mirindahers@gmail.com
img img img +6
$2,325.45
Vertical alignment
Heading 1 Heading 2 Heading 3 Heading 4
This cell inherits vertical-align: middle; from the table This cell inherits vertical-align: middle; from the table This cell inherits vertical-align: middle; from the table This here is some placeholder text, intended to take up quite a bit of vertical space, to demonstrate how the vertical alignment works in the preceding cells.
This cell inherits vertical-align: bottom; from the table row This cell inherits vertical-align: bottom; from the table row This cell inherits vertical-align: bottom; from the table row This here is some placeholder text, intended to take up quite a bit of vertical space, to demonstrate how the vertical alignment works in the preceding cells.
This cell inherits vertical-align: middle; from the table This cell inherits vertical-align: middle; from the table This cell is aligned to the top. This here is some placeholder text, intended to take up quite a bit of vertical space, to demonstrate how the vertical alignment works in the preceding cells.