Tạo bảng HTML đơn giản từ dữ liệu Google Sheets với Apps Script là một cách hiệu quả để hiển thị dữ liệu từ bảng tính Google Sheets trực tiếp trên trang web của bạn. Trong bài viết này, chúng ta sẽ tìm hiểu cách sử dụng Google Apps Script để trích xuất dữ liệu từ Google Sheets và tạo bảng HTML đơn giản để hiển thị thông tin. Dưới đây là hướng dẫn chi tiết và ví dụ code minh họa.
Bước 1: Chuẩn bị môi trường
- Truy cập vào Google Sheets và tạo bảng tính mới.
- Mở Google Apps Script trong bảng tính bằng cách chọn
Extensions
->Apps Script
. - Bắt đầu viết mã script để trích xuất dữ liệu.
Bước 2: Trích xuất dữ liệu từ Google Sheets
Dùng Apps Script để trích xuất dữ liệu từ bảng tính Google Sheets. Dưới đây là ví dụ code để lấy dữ liệu từ bảng tính:
function getDataFromSheet() {
var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
var data = sheet.getDataRange().getValues();
return data;
}
![Tạo bảng HTML đơn giản từ dữ liệu Google Sheets với Apps Script](https://i0.wp.com/appscript.online/wp-content/uploads/2023/10/isometric-style-illustration-about-a-team-of-marketing-workers-completing-their-respective-jobs-free-vector-1.jpg?resize=480%2C400)
Bước 3: Tạo bảng HTML từ dữ liệu
Sử dụng dữ liệu trích xuất từ Google Sheets để tạo bảng HTML đơn giản. Dưới đây là ví dụ code để tạo bảng HTML từ dữ liệu:
function createHTMLTable() {
var data = getDataFromSheet();
var html = '<table>';
for (var i = 0; i < data.length; i++) {
html += '<tr>';
for (var j = 0; j < data[i].length; j++) {
html += '<td>' + data[i][j] + '</td>';
}
html += '</tr>';
}
html += '</table>';
return html;
}
Bước 4: Hiển thị bảng HTML trên trang web
Sau khi tạo bảng HTML, bạn có thể nhúng nó vào trang web của mình. Dưới đây là cách nhúng bảng HTML vào trang web:
<!DOCTYPE html>
<html>
<head>
<title>Simple HTML Table from Google Sheets Data</title>
</head>
<body>
<div id="table-container">
<?!= createHTMLTable(); ?>
</div>
</body>
</html>
Với các bước trên và ví dụ code minh họa, bạn có thể tạo bảng HTML đơn giản từ dữ liệu Google Sheets và hiển thị nó trực tiếp trên trang web của mình một cách dễ dàng và nhanh chóng. Hãy thử áp dụng để cải thiện trải nghiệm người dùng trên trang web của bạn!
Dịch vụ lập trình ứng dụng
🎯 Lập trình API, Python, Node JS, Telegram Bot, Automate Workflow, Power Apps and Apps Script.
📒 Nhận dạy Lập trình Apps Script, Power Apps từ cơ bản đến nâng cao.
📞 +84 78 600 5534 (Zalo, WhatsApp, Telegram)
💻 Github