Lab. Sắp xếp trên bảng

Mục đích

Thực hành JavaScript, thao tác DOM.

Nội dung

Cho chương trình mẫu với chức năng sắp xếp bảng theo chiều tăng dần giá trị trong một cột như sau:



TT Mã sản phẩm Tên sản phẩm
1 SP001 Máy giặt
2 SP002 Bếp đa năng
3 SP003 Lò sưởi
4 SP004 Điều hòa nhiệt độ
5 SP005 Tủ lạnh

Hãy nâng cấp chương trình này cho phép người dùng:
- Cho phép người dùng kích chuột vào ô tiêu đề của cột bất kỳ (trừ cột thứ tự) để sắp xếp bảng theo chiều tăng/giảm dần giá trị trong cột được kích chọn, đảo chiều sắp xếp nếu người dùng kích lại cột đã được sắp xếp; Sử dụng CSS để biểu thị cột nào đang được sắp xếp và theo chiều nào (hình mũi tên lên hoặc xuống).
- Khai báo nhiều bảng, mỗi bảng có số cột và số dòng bất kỳ. Có thể chỉ định những cột sắp xếp được.


Xem bài mẫu đơn giản
Xem bài mẫu chuyên nghiệp