Basic Table
No. Name Weight Symbol
1 Hydrogen 1.0079 H
2 Helium 4.0026 He
3 Lithium 6.941 Li
4 Beryllium 9.0122 Be
5 Boron 10.811 B
6 Carbon 12.0107 C
7 Nitrogen 14.0067 N
8 Oxygen 15.9994 O
9 Fluorine 18.9984 F
10 Neon 20.1797 Ne
Styling Columns using their Auto-generated Column Names
No. Name Weight Symbol
1 Hydrogen 1.0079 H
2 Helium 4.0026 He
3 Lithium 6.941 Li
4 Beryllium 9.0122 Be
5 Boron 10.811 B
6 Carbon 12.0107 C
7 Nitrogen 14.0067 N
8 Oxygen 15.9994 O
9 Fluorine 18.9984 F
10 Neon 20.1797 Ne
Adding & Removing Data when using an Array-based Datasource
No.NameWeightSymbol
1Hydrogen1.0079H
2Helium4.0026He
3Lithium6.941Li
4Beryllium9.0122Be
5Boron10.811B
6Carbon12.0107C
7Nitrogen14.0067N
8Oxygen15.9994O
9Fluorine18.9984F
10Neon20.1797Ne
Table Dynamically Changing the Columns Displayed
name weight symbol position
Hydrogen 1.0079 H 1
Helium 4.0026 He 2
Lithium 6.941 Li 3
Beryllium 9.0122 Be 4
Boron 10.811 B 5
Carbon 12.0107 C 6
Nitrogen 14.0067 N 7
Oxygen 15.9994 O 8
Fluorine 18.9984 F 9
Neon 20.1797 Ne 10
Adding & Removing Data when using an Observable-based Datasource
No.NameWeightSymbol
1Hydrogen1.0079H
2Helium4.0026He
3Lithium6.941Li
4Beryllium9.0122Be
5Boron10.811B
6Carbon12.0107C
7Nitrogen14.0067N
8Oxygen15.9994O
9Fluorine18.9984F
10Neon20.1797Ne
Table with Expandable Rows
name weight symbol position  
Hydrogen 1.0079 H 1
1
H
Hydrogen

Hydrogen is a chemical element with symbol H and atomic number 1. With a standard atomic weight of 1.008, hydrogen is the lightest element on the periodic table.

-- Wikipedia
Helium 4.0026 He 2
2
He
Helium

Helium is a chemical element with symbol He and atomic number 2. It is a colorless, odorless, tasteless, non-toxic, inert, monatomic gas, the first in the noble gas group in the periodic table. Its boiling point is the lowest among all the elements.

-- Wikipedia
Lithium 6.941 Li 3
3
Li
Lithium

Lithium is a chemical element with symbol Li and atomic number 3. It is a soft, silvery-white alkali metal. Under standard conditions, it is the lightest metal and the lightest solid element.

-- Wikipedia
Beryllium 9.0122 Be 4
4
Be
Beryllium

Beryllium is a chemical element with symbol Be and atomic number 4. It is a relatively rare element in the universe, usually occurring as a product of the spallation of larger atomic nuclei that have collided with cosmic rays.

-- Wikipedia
Boron 10.811 B 5
5
B
Boron

Boron is a chemical element with symbol B and atomic number 5. Produced entirely by cosmic ray spallation and supernovae and not by stellar nucleosynthesis, it is a low-abundance element in the Solar system and in the Earth's crust.

-- Wikipedia
Carbon 12.0107 C 6
6
C
Carbon

Carbon is a chemical element with symbol C and atomic number 6. It is nonmetallic and tetravalent—making four electrons available to form covalent chemical bonds. It belongs to group 14 of the periodic table.

-- Wikipedia
Nitrogen 14.0067 N 7
7
N
Nitrogen

Nitrogen is a chemical element with symbol N and atomic number 7. It was first discovered and isolated by Scottish physician Daniel Rutherford in 1772.

-- Wikipedia
Oxygen 15.9994 O 8
8
O
Oxygen

Oxygen is a chemical element with symbol O and atomic number 8. It is a member of the chalcogen group on the periodic table, a highly reactive nonmetal, and an oxidizing agent that readily forms oxides with most elements as well as with other compounds.

-- Wikipedia
Fluorine 18.9984 F 9
9
F
Fluorine

Fluorine is a chemical element with symbol F and atomic number 9. It is the lightest halogen and exists as a highly toxic pale yellow diatomic gas at standard conditions.

-- Wikipedia
Neon 20.1797 Ne 10
10
Ne
Neon

Neon is a chemical element with symbol Ne and atomic number 10. It is a noble gas. Neon is a colorless, odorless, inert monatomic gas under standard conditions, with about two-thirds the density of air.

-- Wikipedia
Table with Filtering
No. Name Weight Symbol
1 Hydrogen 1.0079 H
2 Helium 4.0026 He
3 Lithium 6.941 Li
4 Beryllium 9.0122 Be
5 Boron 10.811 B
6 Carbon 12.0107 C
7 Nitrogen 14.0067 N
8 Oxygen 15.9994 O
9 Fluorine 18.9984 F
10 Neon 20.1797 Ne
Footer Row Table
Item Cost
Beach ball $4.00
Towel $5.00
Frisbee $2.00
Sunscreen $4.00
Cooler $25.00
Swim suit $15.00
Table with Multiple Header & Footer Rows
Item Cost
Name of the item purchased Cost of the item in USD
Beach ball $4.00
Towel $5.00
Frisbee $2.00
Sunscreen $4.00
Cooler $25.00
Swim suit $15.00
Data Table with Sorting, Pagination, & Filtering
ID
Name
Progress
Fruit
1 Levi A. 74% peach
2 Amelia T. 14% lime
3 Charlotte I. 28% mango
4 Thomas M. 41% blueberry
5 Olivia C. 79% mango
Items per page:
1 – 5 of 100
Table with Pagination
No. Name Weight Symbol
1 Hydrogen 1.0079 H
2 Helium 4.0026 He
3 Lithium 6.941 Li
4 Beryllium 9.0122 Be
5 Boron 10.811 B
Items per page:
1 – 5 of 20
Table with Re-orderable Columns
No. Name Weight Symbol
1 Hydrogen 1.0079 H
2 Helium 4.0026 He
3 Lithium 6.941 Li
4 Beryllium 9.0122 Be
5 Boron 10.811 B
6 Carbon 12.0107 C
7 Nitrogen 14.0067 N
8 Oxygen 15.9994 O
9 Fluorine 18.9984 F
10 Neon 20.1797 Ne
Table with Selection
No. Name Weight Symbol
1 Hydrogen 1.0079 H
2 Helium 4.0026 He
3 Lithium 6.941 Li
4 Beryllium 9.0122 Be
5 Boron 10.811 B
6 Carbon 12.0107 C
7 Nitrogen 14.0067 N
8 Oxygen 15.9994 O
9 Fluorine 18.9984 F
10 Neon 20.1797 Ne
Table with Sorting
No.
Name
Weight
Symbol
1 Hydrogen 1.0079 H
2 Helium 4.0026 He
3 Lithium 6.941 Li
4 Beryllium 9.0122 Be
5 Boron 10.811 B
6 Carbon 12.0107 C
7 Nitrogen 14.0067 N
8 Oxygen 15.9994 O
9 Fluorine 18.9984 F
10 Neon 20.1797 Ne
Table with Sticky Columns
Name No. Weight Symbol No. Weight Symbol No. Weight Symbol No. Weight Symbol No. Weight Symbol No. Weight Symbol  
Hydrogen 1 1.0079 H 1 1.0079 H 1 1.0079 H 1 1.0079 H 1 1.0079 H 1 1.0079 H
Helium 2 4.0026 He 2 4.0026 He 2 4.0026 He 2 4.0026 He 2 4.0026 He 2 4.0026 He
Lithium 3 6.941 Li 3 6.941 Li 3 6.941 Li 3 6.941 Li 3 6.941 Li 3 6.941 Li
Beryllium 4 9.0122 Be 4 9.0122 Be 4 9.0122 Be 4 9.0122 Be 4 9.0122 Be 4 9.0122 Be
Boron 5 10.811 B 5 10.811 B 5 10.811 B 5 10.811 B 5 10.811 B 5 10.811 B
Carbon 6 12.0107 C 6 12.0107 C 6 12.0107 C 6 12.0107 C 6 12.0107 C 6 12.0107 C
Nitrogen 7 14.0067 N 7 14.0067 N 7 14.0067 N 7 14.0067 N 7 14.0067 N 7 14.0067 N
Oxygen 8 15.9994 O 8 15.9994 O 8 15.9994 O 8 15.9994 O 8 15.9994 O 8 15.9994 O
Fluorine 9 18.9984 F 9 18.9984 F 9 18.9984 F 9 18.9984 F 9 18.9984 F 9 18.9984 F
Neon 10 20.1797 Ne 10 20.1797 Ne 10 20.1797 Ne 10 20.1797 Ne 10 20.1797 Ne 10 20.1797 Ne
Table with Sticky Footer
Item Cost
Beach ball $4.00
Towel $5.00
Frisbee $2.00
Sunscreen $4.00
Cooler $25.00
Swim suit $15.00
Table with Sticky Header
No. Name Weight Symbol
1 Hydrogen 1.0079 H
2 Helium 4.0026 He
3 Lithium 6.941 Li
4 Beryllium 9.0122 Be
5 Boron 10.811 B
6 Carbon 12.0107 C
7 Nitrogen 14.0067 N
8 Oxygen 15.9994 O
9 Fluorine 18.9984 F
10 Neon 20.1797 Ne
Table with Material Design Ripples
Name Hydrogen Helium Lithium Beryllium Boron Carbon Nitrogen Oxygen Fluorine Neon