Ví dụ chuyên nghiệp: Có thể chỉ định bảng, cột bất kỳ sắp xếp được
Có thể sử dụng thư viện sắp xếp bảng này (pro.js, style.css) vào trang web bất kỳ:
- Để chỉ định bảng sắp xếp được, sử dụng lớp CSS "sortable" cho đối tượng <table>
- Để chỉ định cột sắp xếp được, sử dụng lớp CSS "sortcol" cho đối tượng <th>
Hàm sắp xếp chỉ sắp xếp theo văn bản.
Có thể nâng cấp thư viện để sắp xếp theo các kiểu dữ liệu khác.
Ví dụ: Bảng này sắp xếp được theo cột 1 và cột 2
| 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 |
Ví dụ: Bảng này sắp xếp được theo cột 2 và cột 3
| TT |
Mã sản phẩm |
Tên sản phẩm |
Xuất xứ |
| 1 |
SP001 |
Máy giặt |
Nhật Bản |
| 2 |
SP002 |
Bếp đa năng |
Hàn Quốc |
| 3 |
SP003 |
Lò sưởi |
Mỹ |
| 4 |
SP004 |
Điều hòa nhiệt độ |
Việt Nam |
| 5 |
SP005 |
Tủ lạnh |
Nhật Bản |
Bảng này không cho sắp xếp theo cột nào
| 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 |