Bảng HTML với sắp xếp và lọc

	var props = {
		filters_row_index: 1,
		sort: true,
		sort_config: {
			sort_types:['String','String','US','US','US','US','US','US','US']
		},
		remember_grid_values: true,
		alternate_rows: true,
		rows_counter: true,
		rows_counter_text: "Displayed rows: ",
		btn_reset: true,
		btn_reset_text: "Clear",
		btn_text: " > ",
		loader: true,
		loader_text: "Filtering data...",
		loader_html: '
 Loading...',
		on_show_loader: hideIESelects, //IE only: selects are hidden when loader visible
		on_hide_loader: showIESelects, //IE only: selects are displayed when loader closed
		col_0: "select",
		col_1: "select",
		col_2: "select",
		col_9: "none",
		display_all_text: "< Show all >"
	}
	var tf = setFilterGrid("demo",props);
	

Sắp xếp bảng là một chức năng quản lý dữ liệu thường được sử dụng cho phép người dùng sắp xếp dữ liệu dạng bảng trong bảng HTML theo thứ tự tăng dần hoặc giảm dần

Giả sử bạn có một bảng HTML và muốn sắp xếp dữ liệu dựa trên tên người dùng, tuổi, địa chỉ email, bạn cần một plugin sắp xếp bảng để thực hiện chức năng này

Plugin sắp xếp bảng tốt nhất

Dưới đây là 10 plugin sắp xếp bảng jQuery và Vanilla JavaScript tốt nhất giúp bảng HTML có thể sắp xếp được và cải thiện trải nghiệm đọc dữ liệu dạng bảng lớn trong ứng dụng web của bạn. Chúc vui vẻ

Được xuất bản lần đầu vào ngày 15 tháng 9 năm 2020, cập nhật vào ngày 18 tháng 3 năm 2022

Mục lục

Plugin sắp xếp bảng jQuery tốt nhất

Phân trang, lọc và sắp xếp dữ liệu động trong bảng - Table Sortable

Plugin Table Sortable jQuery giúp bạn hiển thị bảng dữ liệu động có thể tùy chỉnh từ các đối tượng JSON hoặc JavaScript, với khả năng phân trang, bộ lọc trực tiếp và sắp xếp dữ liệu

[Bản trình diễn] [Tải xuống]

Plugin sắp xếp và lọc bảng Bootstrap giống như Excel

excel-bootstrap-bảng-bộ lọc. js là một plugin jQuery tạo nhiều bộ lọc trong các cột của bảng Bootstrap để thu hẹp hoặc sắp xếp lại dữ liệu dạng bảng giống như trong MS Excel

[Bản trình diễn] [Tải xuống]

Kích hoạt Sắp xếp, Lọc và Phân trang cho Bảng - jQuery FancyTable

Trình cắm jQuery của FancyTable bổ sung các chức năng sắp xếp, phân trang và tìm kiếm trực tiếp, nhanh chóng phía máy khách vào bảng dữ liệu lớn của bạn

[Bản trình diễn] [Tải xuống]

Tăng cường bảng HTML với tính năng lọc sắp xếp phân trang - tableManager

plugin quản lý bảng jQuery đơn giản nhưng mạnh mẽ cung cấp một cách dễ dàng để sắp xếp/lọc/phân trang dữ liệu dạng bảng trong bảng HTML

[Bản trình diễn] [Tải xuống]

Trình sắp xếp & lọc bảng tối thiểu trong jQuery - Auto Tables

Một plugin jQuery dễ sử dụng dành cho các bảng HTML giàu dữ liệu cho phép sắp xếp các thành phần bảng theo từng cột và tìm kiếm/lọc các hàng của bảng dựa trên các từ khóa tìm kiếm

[Bản trình diễn] [Tải xuống]

Plugin sắp xếp bảng vanilla JS tốt nhất

Tạo bảng HTML có thể sắp xếp với thư viện bảng sắp xếp

Một thư viện JavaScript nhỏ áp dụng chức năng sắp xếp cho bảng HTML của bạn

[Bản trình diễn] [Tải xuống]

Sắp xếp bảng HTML theo thứ tự chữ cái hoặc số – Sortable Tables

Một plugin JavaScript dành cho các bảng có thể sắp xếp cho phép người dùng sắp xếp các cột trong bảng theo thứ tự bảng chữ cái hoặc số

[Bản trình diễn] [Tải xuống]

Trình sắp xếp bảng tối thiểu trong JavaScript – table-sort. js

Trình sắp xếp bảng tối thiểu, dễ thực hiện bằng cách thêm lớp CSS sắp xếp bảng vào thẻ bảng

[Bản trình diễn] [Tải xuống]

Thư viện sắp xếp bảng HTML cực nhanh – có thể sắp xếp. js

có thể sắp xếp. js Thư viện JavaScript cho phép bất kỳ bảng HTML tĩnh hoặc động nào có thể sắp xếp được. Nhanh chóng và đơn giản để thực hiện

[Bản trình diễn] [Tải xuống]

Thư viện sắp xếp bảng tối thiểu – sorTable. js

sorTable. js là một thư viện JavaScript cực nhẹ dùng để sắp xếp các hàng trong bảng theo bảng chữ cái và số mà không có bất kỳ phụ thuộc nào

[Bản trình diễn] [Tải xuống]

Nhiêu tai nguyên hơn

Muốn có thêm plugin jQuery hoặc thư viện JavaScript để tạo các bảng HTML có thể sắp xếp trên web và thiết bị di động?

Làm cách nào để lọc bảng động trong HTML?

Làm cách nào để thực hiện tìm kiếm và lọc theo thời gian thực trên bảng HTML?

Làm cách nào để triển khai sắp xếp trong bảng HTML bằng JavaScript?

Cách lọc bảng HTML bằng JQuery?