Droptables : Bảng tạo kiểu

1. Định dạng trong bả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 cho ô, màu chữ, căn lề ngang, dọc của ô, ... Nó có thể áp dụng cho một ô hoặc nhiều ô.

Chiều cao hàng và chiều rộng cột có thể được xác định bằng pixel. Vui lòng chuyển đến 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 . Trên cửa sổ bật lên, bạn có thể chọn phạm vi và đặt px cho các cột hoặc hàng. Bấm vào Done để hoàn tất.

2. Tùy chọn Theme và sắp xếp

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

Trên cùng một Theme Menu > Màu thay thế , tính năng "Tạo kiểu tự động" giúp bạn tô màu đường kẻ trên bảng của mình với Đầu và Tạo kiểu chân trang . Bạn có thể chọn kiểu mẫu hoặc tạo kiểu của riêng bạn tại cài đặt plugin.

Tham số có thể sắp xếp cho phép bạn sắp xếp dữ liệu AJAX trên frontend . Bạn có thể xem trên Định dạng Menu> Sắp xếp .

Căn chỉnh bảng là căn chỉnh div chứa toàn bộ bảng, ví dụ căn giữa tất cả bảng. Bạn có thể tìm thấy tại Định dạng Menu> Căn chỉnh bảng .

Đánh dấu ô cũng có sẵn dưới dạng tùy chọn. Bạn có thể bật tùy chọn Dòng, Cột hoặc Cả hai trong cấu hình . Nó bị tắt theo mặc định. Bạn có thể điều chỉnh màu sắc và độ mờ của phần tô sáng.

3. Thêm chú giải công cụ trên ô

Chú giải công cụ khi di chuột qua ô cũng có sẵn (cần được kích hoạt từ các tùy chọn thành phần). Trên mỗi ô trên bảng, bạn có thể thấy tùy chọn Chú giải công cụ khi nhấp chuột phải vào ô đó.

Bạn có thể đặt chiều rộng chú giải công cụ bằng pixel. Nó sẽ đưa bạn đến chú giải công cụ có trình chỉnh sửa để chỉnh sửa.

Thêm nội dung và lưu, bạn đã hoàn tất, chú giải công cụ sẽ được hiển thị ở phía công khai khi di chuột.

4. Quản trị ACL và Frontend

Có thể quản lý các bảng của bạn từ frontend Joomla . Từ trình quản lý menu Joomla, thêm một mục Menu mới và chọn làm loại Quản lý bảng và chọn frontend Droptables - Mặc định làm mẫu.

Đây là những gì bạn có thể thấy Trình quản lý Droptables từ frontend .

Bạn có thể sử dụng ACL nhóm người dùng Joomla để kiểm soát các hành động ấn bản bảng. Đầu tiên, để thiết lập ai được phép xem bảng, bạn vào User Roles trong Droptables .

Bảng Menu

5. Cố định hàng và cột

Đóng băng cột

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

Để làm cho cột / hàng đóng bă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ố định, bạn sẽ có thể cuộn trên bảng của mình và luôn hiển thị cột cố định.

Hàng đóng băng

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

Nếu bạn muốn đặt chiều cao bảng, vui lòng quay lại tùy chọn Đáp ứng.

Sau đó, hàng đầu tiên sẽ được cố định trên frontend sau khi cài đặt.

6. Lọc dữ liệu cột

Tùy chọn lọc có sẵn tại Định dạng Menu> Bộ lọc . Bạn có thể kích hoạt nó bằng cách nhấp vào để bật các trường lọc dữ liệu công khai.

Ví dụ về bộ lọc:

7. Ô đệ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ụ giúp điều chỉnh phần đệm và bán kính đường viền trên ô.

8. CSS tùy chỉnh

Hãy đi xa hơn một bước. Nếu bạn là nhà thiết kế web có kỹ năng về ấn bản CSS, bạn sẽ có thể thêm CSS tại Định dạng menu> CSS tùy chỉnh .

Các ô, hàng, cột có tọa độ để xác định từng ô và áp dụng CSS tùy chỉnh cho nó. R là hàng, C là cột. Đây là hàng 1 (r1), cột 4 (c4) = dtr1 dtc4

Mã CSS được tô màu bằng cách sử dụng mã phản chiếu. Mã CSS có thể ít mã hơn, nó cũng hoạt động!

9. Bảng Joomla đáp ứng

Các bảng của tôi có phản hồi hoặc sử dụng cuộn trên các thiết bị nhỏ không?

Ẩn Cols

Droptables xử lý thiết kế đáp ứng bằng công cụ ưu tiên, dưới dạng tùy chọn. Theo mặc định, tính năng phản hồi bị tắt, sẽ có tràn (tuy nhiên tính năng này đang hoạt động tốt trên thiết bị di động). Để sử dụng Hiding Cols , bạn nên vào Menu Format > Responsive options.

Chế độ phản hồi nâng cao, bạn có thể xác định mức độ ưu tiên để ẩn các cột trên kích thước di động.
Khi các cột bị ẩn, một menu di động có 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 phiên bản 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, bạn sẽ bị tràn và bạn sẽ có thể dễ dàng cuộn trên thiết bị di động.

Bảng có cuộn (tốt hơn cho số lượng cột nhỏ)

Bảng có cột bị ẩn (tốt hơn cho một lượng lớn cột)

Tiêu đề lặp lại

Đây là một tùy chọn khác nếu bạn muốn chèn một 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 đáp ứng. Sau đó chọn Loại phản hồi> Tiêu đề lặp lại.

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

• Điểm ngắt đáp ứng (px): Chọn giá trị điểm ngắt trong pixel để xác định thời điểm 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 ở chế độ đáp ứng: Áp dụng kiểu mặc định cho chế độ đáp ứng này hoặc sử dụng màu bảng

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

10. Tải xuống bảng

Để chia sẻ bảng của bạn với công chúng, hãy điều hướng đến Menu Table và đánh dấu vào nút Xuất Excel . Loại file sẽ là *.xlsx khi tải về trên frontend .

11. Phân 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 ấn bản bảng. Sử dụng nút bật tắt để bật và chọn số hàng hiển thị trên một trang.

12. Định dạng cho các ô đơn 

Bạn có thể đặt định dạng: Ngày giờ, Đơn vị tiền tệ, Số cho (các) ô đơn trong Droptables . Đầu tiên, bạn nên chọn một / nhiều ô. Sau đó đi tới Định dạng Menu> Ngày giờ.

Sau đó, Đơn vị tiền tệ và Số có thể được thực hiện theo cách tương tự.

13. In bảng ở frontend

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