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. | 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 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. | 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 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 |
| Total | $55.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 |
| Total | $55.00 |
| Please note that the cost of items displayed are completely and totally made up. | |
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 |
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 |
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 |
| Total | $55.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 |