Chiều rộng cột WordPress

Điều này có thể được thực hiện với một số mã CSS chỉ cần được thêm vào vùng văn bản “CSS tùy chỉnh” trên màn hình “Tùy chọn plugin” của TablePress

.tablepress-id-N .column-2 {
	width: 100px;
}
Code language: CSS (css)

N cần được thay đổi thành ID của bảng được đề cập (hoặc sử dụng .tablepress làm phần đầu tiên của bộ chọn, nếu bạn muốn điều này áp dụng cho tất cả các bảng TablePress trên trang web của mình—điều này thường không được khuyến khích, để không làm mất tính linh hoạt)

Đây là mô hình chung mà tôi khuyên dùng. Bạn có thể sử dụng tùy chọn này thường xuyên nếu cần, thay đổi cột được đề cập thành số chính xác mỗi lần. Nếu bạn muốn đặt nhiều cột có cùng chiều rộng, hãy làm theo mẫu

.tablepress-id-N .column-2,
.tablepress-id-N .column-4,
.tablepress-id-N .column-7 {
	width: 150px;
}
Code language: CSS (css)

Ghi chú. Trong hầu hết các trường hợp, không cần thiết phải đặt trực tiếp độ rộng của cột. Thay vào đó, bạn có thể muốn giảm phần đệm (khoảng trắng giữa văn bản trong một ô và các cạnh của ô), bằng mã CSS

.tablepress-id-N .column-2 {
	padding: 4px;
}
Code language: CSS (css)

mà một lần nữa cần phải được điều chỉnh như trên

Xin lưu ý rằng không phải lúc nào cũng có thể giảm chiều rộng của cột trong bảng vì theo mặc định, từ đơn dài nhất hoặc nội dung khác trong cột xác định chiều rộng tối thiểu của cột đó

Do đó, bạn có thể phải sử dụng một giải pháp để làm cho bảng của mình “đáp ứng”, e. g. bằng cách sử dụng mô-đun tính năng Responsive Tables có sẵn trong các gói TablePress Premium, đặc biệt là trên các màn hình nhỏ hơn, như điện thoại và bảng

Bài viết Bảng Pro tự động định cỡ các cột sao cho phù hợp nhất. Có một số tùy chọn để ghi đè hành vi này để kiểm soát độ rộng cột, cũng như kích thước hình ảnh trong bảng

Đây là một cách để tăng hoặc giảm không gian cho các cột cụ thể. Ví dụ: bạn có thể tăng độ rộng của cột content nếu có nhiều nội dung cần hiển thị

Chiều rộng cột

Để ghi đè độ rộng cột mặc định, hãy sử dụng tùy chọn widths. Bạn cần nhập giá trị cho mỗi cột trong bảng của mình – có thể là tỷ lệ phần trăm, số lượng pixel hoặc từ auto để plugin tự động tính toán chiều rộng

Ví dụ: bạn có thể có 3 cột trong bảng của mình. title, content và date - và bạn muốn đặt chiều rộng của cột tiêu đề là 20%, cột nội dung là 50% và cột ngày là 30%

Bạn có thể đạt được điều này với mã ngắn sau. [posts_table columns="title,content,date" widths="20%,50%,30%"]

Trong ví dụ tiếp theo, chúng tôi muốn đặt chiều rộng của cột đầu tiên thành 50px và tự động định kích thước cho các cột khác. chúng tôi sẽ sử dụng
[posts_table columns="title,content,date" widths="50px,auto,auto"]

Vì auto là chiều rộng cột mặc định khi không có giá trị nào được đưa ra, ví dụ trên có thể được đơn giản hóa thành như sau
[posts_table columns="title,content,date" widths="50px"]

Những vấn đề chung

Tùy chọn độ rộng không hoạt động

Nếu tùy chọn độ rộng không hoạt động, thì có thể bạn đã đặt độ rộng quá hẹp và nội dung sẽ không còn vừa với cột. Thay vì cho phép nó trông bị hỏng, plugin sẽ làm cho chiều rộng rộng hơn để nội dung phù hợp. Hãy thử tăng chiều rộng của các cột bị ảnh hưởng

Tôi có nhiều bảng trên cùng một trang và tôi muốn tất cả chúng thẳng hàng

Độ rộng cột được tính riêng cho từng bảng. Nếu bạn có nhiều bảng trên một trang, bạn có thể sử dụng tùy chọn widths để buộc độ rộng của mỗi bảng giống nhau bằng cách đặt cho mỗi bảng cùng một giá trị widths

Độ rộng cột của tôi thay đổi khi tôi di chuyển từ trang này sang trang tiếp theo hoặc sử dụng bộ lọc

Điều này có thể xảy ra nếu nội dung của cột chứa số lượng ký tự khác nhau cho mỗi bài đăng. Chiều rộng của mỗi cột trong bảng được tính toán dựa trên các bài đăng hiện tại trên trang đó, do đó, chiều rộng này có thể thay đổi khi bạn thực hiện lọc hoặc chuyển từ trang này sang trang khác. Sử dụng tùy chọn widths để buộc các cột luôn có cùng chiều rộng