Xuất bảng HTML có hình ảnh sang Excel bằng jQuery

Xuất dữ liệu là một tính năng phổ biến để lưu dữ liệu trong tệp cục bộ để sử dụng thêm. Nói chung, chúng tôi xuất dữ liệu sang định dạng tệp mong muốn bằng ngôn ngữ phía máy chủ và việc này rất tẻ nhạt. Nếu bạn không thích chức năng xuất dữ liệu phía máy chủ, thì bạn có thể xử lý xuất dữ liệu ở giao diện người dùng bằng jQuery. Xuất dữ liệu ở front-end rất dễ dàng và nhanh chóng. Vì vậy, nếu bạn đang tìm kiếm chức năng xuất dữ liệu ở giao diện người dùng bằng jQuery, thì bạn đang ở đây đúng nơi

Trong hướng dẫn này, bạn sẽ học cách xuất dữ liệu Bảng HTML sang Excel, CSV và Văn bản bằng jQuery. Hướng dẫn được giải thích bằng các bước đơn giản với bản demo trực tiếp và cũng có thể tải xuống mã nguồn của bản demo trực tiếp

Ngoài ra, đọc

• Xuất dữ liệu có thể truy cập jQuery sang PDF, Excel, CSV và Sao chép bằng PHP
• Xuất dữ liệu sang Excel bằng PHP và MySQL
• Nhập tệp CSV vào MySQL bằng PHP

Vì chúng tôi đã giới thiệu hướng dẫn này với bản trình diễn trực tiếp để xuất dữ liệu Bảng HTML sang Excel, CSV và Văn bản bằng jQuery, nên cấu trúc tệp cho ví dụ này như sau

Trong hướng dẫn trước của chúng tôi, bạn đã học cách triển khai xuất dữ liệu sang excel bằng PHP và nhận được phản hồi rất lớn từ độc giả của chúng tôi. Nhiều bạn yêu cầu đăng bài hướng dẫn xuất dữ liệu bảng HTML ra file excel với jQuery

Xuất dữ liệu là một tính năng cho phép người dùng tải dữ liệu xuống tệp cục bộ để sử dụng trong tương lai. Hầu hết chúng tôi triển khai chức năng xuất dữ liệu bằng cách sử dụng phía máy chủ như các ngôn ngữ như PHP, v.v.

Vì vậy, trong hướng dẫn này, bạn sẽ học cách xuất bảng HTML sang Excel bằng jQuery. Hướng dẫn bao gồm bản demo trực tiếp để điền dữ liệu động vào bảng HTML từ MySQL và sau đó tải dữ liệu bảng HTML sang tệp excel bằng cách sử dụng jQuery sang tệp excel. Bạn cũng có thể tải xuống mã nguồn của bản demo trực tiếp

Ngoài ra, đọc

• Plugin xem PDF tốt nhất trong jQuery
• Thêm Tự động loại bỏ các trường đầu vào bằng jQuery

Vì vậy, hãy tạo ví dụ để xuất dữ liệu bảng html sang excel với jQuery. Cấu trúc tệp cho ví dụ như sau

• mục lục. php
• kịch bản. js

Bước1. Tạo bảng cơ sở dữ liệu MySQL

Vì chúng ta sẽ xử lý hướng dẫn này để xuất dữ liệu bảng HTML sang excel bằng jQuery, vì vậy trước tiên chúng ta sẽ điền vào bảng HTML dữ liệu động từ bảng cơ sở dữ liệu MySQL. Vì vậy, chúng tôi sẽ tạo các nhà phát triển bảng cơ sở dữ liệu MySQL bằng truy vấn bên dưới

CREATE TABLE `developers` (
  `id` int(11) NOT NULL,
  `name` varchar(255) NOT NULL,
  `skills` varchar(255) NOT NULL,
  `address` varchar(255) NOT NULL,
  `gender` varchar(255) NOT NULL,
  `designation` varchar(255) NOT NULL,
  `age` int(11) NOT NULL,
  `image` varchar(255) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

chúng tôi cũng sẽ chèn một vài bản ghi vào bảng bằng truy vấn bên dưới để hiển thị vào bảng HTML

INSERT INTO `developers` (`id`, `name`, `skills`, `address`, `gender`, `designation`, `age`, `image`) VALUES
(1, 'Smith', 'Java', 'Newyork', 'Male', 'Software Engineer', 34, 'image_1.jpg'),
(2, 'David', 'PHP', 'London', 'Male', 'Web Developer', 28, 'image_2.jpg'),
(3, 'Rhodes', 'jQuery', 'New Jersy', 'Male', 'Web Developer', 30, 'image_2.jpg'),
(4, 'Sara', 'JavaScript', 'Delhi', 'Female', 'Web Developer', 25, 'image_2.jpg'),
(5, 'Shyrlin', 'NodeJS', 'Tokiyo', 'Female', 'Programmer', 35, 'image_2.jpg'),
(12, 'Jay', 'PHP', 'Delhi, India', 'Male', 'Web Developer', 30, 'image_3.jpg');

Bước2. Bao gồm jQuery và Plugin

Vì chúng tôi sẽ sử dụng plugin jQuery table2excel để xử lý xuất dữ liệu bảng HTML sang tệp excel, vì vậy chúng tôi cần đưa tệp jQuery và plugin vào chỉ mục. tập tin php

Bước 3. Tạo bảng HTML và hiển thị bản ghi

trong chỉ mục. php, chúng tôi sẽ tạo bảng HTML có tiêu đề và sau đó điền các bản ghi bảng từ các nhà phát triển bảng cơ sở dữ liệu MySQL. Chúng tôi cũng sẽ tạo một nút bên dưới bảng để xuất dữ liệu bảng HTML sang excel khi nhấp vào nút

	

		

			
Id
			
Name
			
Age
			
Gender
			
Address
			
Designation
			
Skills
               
		
	
       
	

		
		

			

			

			

			

			

			

			

		
	
		
	

Bước4. Triển khai Xuất bảng HTML sang Excel bằng jQuery

Bây giờ trong kịch bản. js, chúng ta sẽ xử lý chức năng xuất dữ liệu bảng HTML sang excel bằng jQuery. Vì chúng tôi đã sử dụng plugin table2excel của jQuery để xuất dữ liệu bảng HTML sang excel, vì vậy chúng tôi sẽ gọi hàm plugin table2excel() khi nhấp vào nút xuất. Plugin có nhiều tùy chọn để tùy chỉnh xuất dữ liệu bảng HTML sang excel, vì vậy chúng tôi đã sử dụng các tùy chọn này để xử lý xuất dữ liệu bảng HTML sang tệp excel

Làm cách nào để xuất dữ liệu bảng HTML sang bảng Excel bằng jQuery?

Làm cách nào để xuất bảng HTML sang XLSX bằng jQuery?

Làm cách nào để xuất bảng HTML sang Excel bằng JavaScript?

Làm cách nào để hiển thị dữ liệu Excel trong bảng HTML bằng jQuery?