Các bảng có thể được sử dụng để căn chỉnh/ghi dữ liệu đúng cách nhưng đôi khi xảy ra trường hợp dữ liệu trong bảng quá dài nên để đọc dữ liệu đúng cách, tiêu đề tương ứng với các cột khác nhau phải luôn có sẵn trong khi duyệt qua bảng. Trong những trường hợp như vậy, cần có đầu bảng cố định để làm cho bảng có nhiều thông tin và chính xác hơn, điều này có thể được thực hiện bằng cách sử dụng các thuộc tính CSS i. e là vị trí và đỉnh của các phần tử của hàng đầu
cú pháp
- Trong tệp CSS.
.header{ position:sticky; top: 0 ; }
- Trong tệp HTML.
Các ví dụ dưới đây minh họa cách tiếp cận
ví dụ 1. Bảng ở trên cùng với danh sách dài các cột và tiêu đề cố định
=
1_______8 93_______150__________5
3=
149_______5
6=
149_______8 93_______150_______5
3_______150_______html
8 html
9=
lang
1 lang
2=
lang
4
lang
5____152_______6=
lang
8
lang
5=
0=
153_______2
=
6 =
7_______153_______=
9"en"
0lang
6=
"en"
3
"en"
0=
0=
153_______2>
=
6>
3_______150_______=
6 =
7_______153_______>
8
"en"
0lang
6=
2
"en"
0=
0=
153_______2>
=
6>
3_______150_______=
6 =
7_______153_______07"en"
0lang
6=
"en"
0=
0=
153_______2>
=
6>
3_______150_______23>
lang
5
"en"
0
"en"
0
lang
5
lang
5
"en"
0
"en"
0
"en"
0
lang
5
lang
5
"en"
0
lang
5
>
>
0
>
=
1_______65>
lang
5
lang
5
=
1_______84>
lang
5
"en"
0
00_______150_______
02
06=
149_______08
09
02>
00_______150_______
02
06=
149_______08
21
02>
00_______150_______
02
06=
149_______08
33
02>
00_______150_______
02
06=
149_______08
45
02>
"en"
0>
0
>
lang
5>
0
>
lang
5
"en"
0
00_______150_______
66
67
66
>
00_______150_______
66
73
66
>
00_______150_______
66
79
66
>
00_______150_______
66
85
66
>
"en"
0>
0
>
"en"
0
00_______150_______
66
99
66
>
00_______150_______
66
00_______150_______
66
79
66
>
00_______150_______
66
85
66
>
"en"
0>
0
>
"en"
0
00_______150_______
66
00_______150_______
66
00_______150_______
66
00_______150_______
66
85
66
>
"en"
0>
0
>
"en"
0
00_______150_______
66
00_______150_______
66
00_______150_______
66
00_______150_______
66
"en"
0>
0
>
"en"
0
00_______150_______
66
00_______150_______
66
html
0166
>
00_______150_______
66
html
0766
>
00_______150_______
66
85
66
>
"en"
0>
0
>
"en"
0
00_______150_______
66
html
2766
>
00_______150_______
66
html
3366
>
00_______150_______
66
79
66
>
00_______150_______
66
85
66
>
"en"
0>
0
>
lang
5>
058
>
>
>
0
>
>
0html
151_______67
đầu ra
Ví dụ 2 Tiêu đề có văn bản theo sau là bảng có tiêu đề cố định
=
1_______8 93_______150__________5
3=
149_______5
6=
149_______8 93_______150_______5
3_______150_______html
8 html
9=
lang
1 lang
2=
lang
4
lang
5____152_______6=
lang
8
lang
5=
0=
153_______2
=
6 =
7_______153_______=
9"en"
0lang
6=
"en"
3
"en"
0=
0=
153_______2>
=
6>
3_______150_______=
6 =
7_______153_______>
8
"en"
0lang
6=
2
"en"
0=
0=
153_______2>
=
6>
3_______150_______=
6 =
7_______153_______07"en"
0lang
6=
"en"
0=
0=
153_______2>
=
6>
3_______150_______23>
lang
5
"en"
0
"en"
0
lang
5
lang
99=
00
=
01____153_______02
lang
99
>
>
0
>
=
1_______84>
lang
5
"en"
0
00_______150_______
02
06=
149_______08
09
02>
00_______150_______
02
06=
149_______08
21
02>
00_______150_______
02
06=
149_______08
33
02>
00_______150_______
02
06=
149_______08
45
02>
"en"
0>
0
>
lang
5>
0
>
lang
5
"en"
0
00_______150_______
66
67
66
>
00_______150_______
66
73
66
>
00_______150_______
66
79
66
>
00_______150_______
66
85
66
>
"en"
0>
0
>
"en"
0
00_______150_______
66
99
66
>
00_______150_______
66
00_______150_______
66
79
66
>
00_______150_______
66
85
66
>
"en"
0>
0
>
"en"
0
00_______150_______
66
00_______150_______
66
00_______150_______
66
00_______150_______
66
85
66
>
"en"
0>
0
>
"en"
0
00_______150_______
66
00_______150_______
66
00_______150_______
66
00_______150_______
66
"en"
0>
0
>
"en"
0
00_______150_______
66
00_______150_______
66
html
0166
>
00_______150_______
66
html
0766
>
00_______150_______
66
85
66
>
"en"
0>
0
>
"en"
0
00_______150_______
66
html
2766
>
00_______150_______
66
html
3366
>
00_______150_______
66
79
66
>
00_______150_______
66
85
66
>
"en"
0>
0
>
lang
5>
058
>
>
>
0
>
>
0html
156_______03
đầu ra
CSS là nền tảng của các trang web, được sử dụng để phát triển trang web bằng cách tạo kiểu trang web và ứng dụng web. Bạn có thể học CSS từ đầu bằng cách làm theo Hướng dẫn CSS và Ví dụ về CSS này