Table • Angular Material

Basic CDK data-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

CDK table with a fixed layout.

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

Basic use of `<cdk-table>` (uses display flex)

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 that uses the recycle view repeater strategy.

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

Example of a CDK table with virtual scroll enabled.

Showing 2500 rows

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
11	Hydrogen	1.0079	H
12	Helium	4.0026	He
13	Lithium	6.941	Li
14	Beryllium	9.0122	Be
15	Boron	10.811	B
16	Carbon	12.0107	C
17	Nitrogen	14.0067	N
18	Oxygen	15.9994	O
19	Fluorine	18.9984	F
20	Neon	20.1797	Ne
21	Hydrogen	1.0079	H
22	Helium	4.0026	He
23	Lithium	6.941	Li
24	Beryllium	9.0122	Be
25	Boron	10.811	B
26	Carbon	12.0107	C
27	Nitrogen	14.0067	N
28	Oxygen	15.9994	O
29	Fluorine	18.9984	F
30	Neon	20.1797	Ne
31	Hydrogen	1.0079	H
32	Helium	4.0026	He
33	Lithium	6.941	Li
34	Beryllium	9.0122	Be
35	Boron	10.811	B
36	Carbon	12.0107	C
37	Nitrogen	14.0067	N
38	Oxygen	15.9994	O