WP Table Manager: Định dạng bảng

1. Định dạng

Trên thanh công cụ, bạn có thể thiết lập kiểu cho ô như: phông chữ, cỡ chữ, kiểu chữ, màu nền ô, màu chữ, căn chỉnh ô theo chiều ngang và chiều dọc, ... Có thể áp dụng cho một ô hoặc nhiều ô

Bạn có thể chọn tỷ lệ phần trăm cho trình chỉnh sửa bảng. Điều đó có nghĩa là bạn có thể phóng to/thu nhỏ bảng của mình, với phạm vi từ 50% đến 200%.

có thể xác định chiều cao hàng và chiều rộng cột bằng pixel. Vui lòng vào Menu Định dạng > Áp dụng kích thước cột/dòng , sau đó chọn Thay đổi kích thước cột / Thay đổi kích thước hàng . Trong cửa sổ bật lên, bạn có thể chọn phạm vi và đặt pixel cho cột hoặc hàng. Nhấp vào Xong để hoàn tất.

2. Themevà các tùy chọn

Trong mỗi bảng, bạn có thể tìm thấy chọn Theme tại Menu Theme . Chỉ cần nhấp vào một theme để áp dụng.

Màu xen kẽ

Trong cùng Theme Menu > Màu sắc thay thế , tính năng "Tự động tạo kiểu" giúp bạn tô màu đường kẻ trên bảng bằng tạo kiểu cho Tiêu đề và trang. Bạn có thể chọn kiểu mẫu hoặc tự tạo kiểu riêng trong cài đặt plugin.

Bạn có thể xóa màu xen kẽ bằng cách nhấp vào "Xóa >  Xóa kiểu tự động" trên menu chuột phải. Sau khi bạn xác nhận, màu sẽ được xóa.

Căn chỉnh bảng

Thuộc tính `table align` dùng để căn chỉnh div chứa toàn bộ bảng, ví dụ như căn giữa toàn bộ bảng. Bạn có thể tìm thấy tùy chọn này tại Menu Format > Table align .

Tô sáng ô

Tính năng tô sáng ô cũng có sẵn như một tùy chọn. Bạn có thể bật tính năng này trong phần cấu hình. Tính năng này được tắt theo mặc định. Bạn có thể chọn hàng cần tô sáng để điều chỉnh màu sắc và độ mờ của vùng tô sáng.

3. Thêm chú thích (tooltip) vào các ô

Trên mỗi ô trong bảng, bạn có thể thấy tùy chọn Thêm chú thích khi nhấp chuột phải vào ô đó.

Bạn có thể đặt chiều rộng của chú thích công cụ bằng pixel. Thao tác này sẽ đưa bạn đến một chú thích công cụ có trình chỉnh sửa để chỉnh sửa.

Thêm nội dung và lưu lại, vậy là xong, chú thích sẽ hiển thị ở phía công khai khi di chuột qua.

4. Đóng băng hàng và cột

Đóng băng cột

Tính năng đóng băng cột có sẵn trong Định dạng Menu > Tùy chọn thích ứng . Bạn có thể đóng băng tối đa 5 cột. Số cột được tính từ cột đầu tiên.

Để cố định cột/hàng, có một tùy chọn bổ sung cho phép bạn cố định chiều cao của bảng (vì vùng chứa bảng của bạn có thể có chiều cao vô hạn).

Khi bạn đã chọn cột cần cố định, bạn có thể cuộn trên bảng và luôn hiển thị cột đã được cố định đó.

Đóng băng theo hàng

Bạn có thể tìm thấy tùy chọn này tại Menu Định dạng > Tiêu đề bảng , từ đây bạn có thể bật tùy chọn và thiết lập các hàng cần cố định (tối đa 5 hàng).

Nếu bạn muốn điều chỉnh chiều cao của bảng, vui lòng quay lại tùy chọn Responsive.

Sau đó, hàng đầu tiên sẽ được cố định ở frontend theo cài đặt đã thiết lập.

5. Sắp xếp và Lọc

Nếu bạn muốn sắp xếp hoặc lọc bảng, vui lòng vào Menu Định dạng > Tùy chọn Sắp xếp và lọc .

Sau đó, một cửa sổ bật lên hiện ra chứa các tùy chọn sắp xếp và lọc. 

Nếu bạn muốn sắp xếp một bảng, chỉ cần bật Sắp xếp Frontend . Bạn có thể chọn một cột để sắp xếp mặc định và hướng sắp xếp.

Ví dụ, trong trường hợp này, hãy chọn cột A với tăng dần (ASC) .

Có 2 tùy chọn lọc:

• Bên trong cột: bạn có thể lọc dữ liệu ở tiêu đề của mỗi cột. Nút chuyển đổi sẽ giúp bạn hiển thị hoặc ẩn trường tìm kiếm ở tiêu đề.

• Biểu mẫu lọc nâng cao: sau khi chọn tùy chọn này, bạn có thể tìm kiếm và lọc dữ liệu trong bảng.

Tìm kiếm chính: Khi bạn bật tính năng này, một trường nhập tìm kiếm sẽ được thêm vào frontend . Điều này cho phép người dùng dễ dàng tìm kiếm tất cả dữ liệu trong bảng.

6. Khoảng đệm ô và bán kính đường viền

Bạn có thể tìm thấy biểu tượng đường viền trên thanh công cụ, biểu tượng này giúp điều chỉnh khoảng cách lề và bán kính đường viền của ô.

7. CSS tùy chỉnh

Hãy tiến thêm một bước nữa. Nếu bạn là nhà thiết kế web có kỹ năng CSS, bạn có thể thêm CSS tại Menu Format > Custom CSS.

Mã CSS được tô màu bằng Code Mirror và cũng có thể được viết bằng Less CSS, nó vẫn hoạt động tốt!

Ô, dòng, cột đều có tọa độ để xác định từng phần tử và áp dụng CSS tùy chỉnh cho chúng. R là hàng, C là cột.

8. Bảng biểu WordPress tương thích

Bảng của tôi có tự động điều chỉnh kích thước hay sử dụng thanh cuộn trên các thiết bị nhỏ?

Ẩn Cols

WP Table Manager xử lý thiết kế đáp ứng bằng một công cụ ưu tiên, như một tùy chọn. Theo mặc định, tính năng đáp ứng bị tắt, sẽ có hiện tượng tràn nội dung (mặc dù hoạt động rất tốt trên thiết bị di động). Để sử dụng Ẩn cột , bạn cần vào Định dạng Menu > Tùy chọn Đáp ứng.

Chế độ tương thích cao cấp cho phép bạn thiết lập thứ tự ưu tiên ẩn cột trên thiết bị di động. Khi các cột bị ẩn, một menu dành cho thiết bị di động với hộp kiểm sẽ được hiển thị để buộc hiển thị/ẩn các cột.
Kích thước cột được cố định trong quá trình chỉnh sửa bảng. Nếu kích thước của tất cả các cột quá lớn so với vùng chứa, sẽ xảy ra hiện tượng tràn nội dung và bạn có thể dễ dàng cuộn trên thiết bị di động.

Bảng có thanh cuộn (phù hợp hơn với số lượng cột ít)

Bảng với cột bị ẩn (phù hợp hơn với bảng có nhiều cột)

Tiêu đề lặp lại

Đây là một lựa chọn khác nếu bạn muốn chèn bảng vào một khu vực nhỏ trên trang web của mình. Bạn nên điều hướng đến Định dạng Menu > Tùy chọn tương thích. Sau đó chọn Loại tương thích > Tiêu đề lặp lại.

Sẽ có các tùy chọn để tùy chỉnh theo yêu cầu của bạn:

• Ngắt đáp ứng (px): Chọn giá trị ngắt tính bằng pixel để xác định khi nào bảng sẽ chuyển sang chế độ đáp ứng này.
• Chiều cao tối đa đáp ứng (px): Khi chế độ đáp ứng được kích hoạt, tùy thuộc vào giá trị điểm ngắt, hãy xác định chiều cao tối đa để tránh bảng quá dài.
• Tạo kiểu cho chế độ responsive: Áp dụng kiểu mặc định cho chế độ responsive này hoặc sử dụng màu sắc của bảng.

Sau đó, bạn có thể xem bảng sẽ trông như thế nào trên frontend.

Nếu bạn đang sử dụng tiêu đề lặp lại và Bộ lọc được bật, bạn có thể lọc bằng cách nhập vào hộp văn bản trong chế độ xem trên thiết bị di động.

9. Xuất sang Excel

Để lưu bảng dữ liệu vào máy tính, bạn cần vào Menu > Bảng , rồi nhấp vào "Xuất Excel" . Sau khi xuất ở frontend .

10. Đánh số trang

Bạn có thể tìm thấy tính năng này tại Định dạng Menu > Phân trang trong mỗi phiên bản bảng. Sử dụng nút chuyển đổi để bật và chọn số hàng hiển thị trên mỗi trang.

11. Định dạng đường viền ô

Bạn có thể áp dụng các loại đường viền cho bảng của mình, chẳng hạn như độ rộng đường viền, màu đường viền, kiểu đường viền. Trước tiên, hãy chọn phạm vi ô, sau đó nhấp vào biểu tượng trên thanh công cụ.

12. In bảng trên frontend

Đôi khi, bạn cần in bảng của mình. Vì vậy, để hiển thị nút In trên frontend , trước tiên, bạn cần điều hướng đến Menu Bảng và chọn nút In.