Hỗ trợ _

MasterCMS - Hướng dẫn chèn một bảng đơn giản vào trong bài viết

Cập nhật: 10:23 | 05/04/2019

Hướng dẫn từng bước cách chèn một bảng biểu đơn giản vào trong bài viết.

Khi biên soạn bài viết, đôi khi ta có nhu cầu chèn một bảng dữ liệu vào bài. Với những bảng dữ liệu lớn, nhiều cột, lời khuyên dành cho bạn là nên chuyển bảng biểu đó thành dạng ảnh để chèn vào bài viết bởi vì, với đặc thù định dạng HTML kiểu table, những bảng biểu rất khó tối ưu hiển thị ở những kích thước nhỏ. Vì vậy, hướng dẫn dưới đây chỉ nên áp dụng nếu bạn muốn chèn một bảng kiểu có ít dữ liệu (< 5 cột). Ví dụ, tôi muốn soạn một bảng Thời khóa biểu như dưới đây:

Thời khóa biểu (Bảng mẫu)
Thứ hai Thứ ba Thứ tư Thứ năm Thứ sáu
Toán Anh Trung Lịch sử Sinh hoạt
Toán Lịch sử Địa lý Địa lý Sinh hoạt
Văn Sinh học Văn Toán Thê dục
Văn Vật lý Văn Văn


Bước 1: Trên thanh công cụ của giao diện soạn thảo, chọn nút chèn bảng. Kéo chuột để chọn số cột và số hàng theo ý muốn.

mastercms huong dan chen mot bang don gian vao trong bai viet

Bước 2: Ta thấy bảng hiện ra có giao diện không theo ý muốn, chúng ta cần chỉnh lại các thông số. Click chuột phải vào bảng và chọn thuộc tính bảng.

mastercms huong dan chen mot bang don gian vao trong bai viet

Bước 3: Thiết lập lại thông số:

Giả sử tôi đặt các thông số như sau:

- Chiều rộng bảng: 500px
- Kích thướng đường viền: 1px
- Khoảng đệm giữa ô và nội dung: 2px
- Vị trí: Giữa
- Đầu đề: Thời khóa biểu

mastercms huong dan chen mot bang don gian vao trong bai viet

Bước 4: Ấn vào "Tab mở rộng", xóa bỏ nội dung của ô "Lớp CSS", xóa dòng chữ MASTERCMS_TPL_TABLE đi

mastercms huong dan chen mot bang don gian vao trong bai viet

Bước 5: Sau khi thực hiện xong 4 bước trên, ta được giao diện bảng trống như mong đợi:

mastercms huong dan chen mot bang don gian vao trong bai viet

Bước 6: Tiến hành nhập dữ liệu vào bảng như bình thường

Tôi muốn lấy hàng đầu tiên (thứ hai, ba..) làm đầu đề như bảng mẫu, click chuột phải vào bảng, chọn đầu đề là hàng đầu tiên

mastercms huong dan chen mot bang don gian vao trong bai viet

Bước 7: Tinh chỉnh thuộc tính của ô trong bảng.

Để chỉnh thuộc tính của ô, ta click chuột phải vào bảng, chọn Ô -> Thuộc tính Ô. Bôi đen nhiều ô để định dạng cho nhiều ô cùng lúc.
Tôi sẽ chỉnh lại cho tất cả các môn học căn giữa cho đúng với bảng mẫu

mastercms huong dan chen mot bang don gian vao trong bai viet