Help:Tables/vi

Có thể tạo bảng trong một trang wiki trực tiếp bằng mã HTML hoặc sử dụng wikicode. Mã HTML đã được mô tả cặn kẽ trên nhiều trang web khác nhau nên sẽ không được đề cập đến ở đây. Lợi điểm của mã wiki là bảng được cấu tạo bởi các ký tự hướng tới dễ dàng hình dung cấu trúc của bảng trong khi soạn thảo hơn là mã HTML.

Hãy tránh sử dụng bảng trừ khi thật cần thiết, cú pháp tạo bảng thường làm phức tạp hóa việc soạn thảo trang.

Sơ lược về bảng

 * Các ký tự trên bắt buộc phải được đặt ở đầu dòng trừ || và !!.
 * Thuộc tính XHTML: Trừ cuối bảng, mỗi ký tự đánh dấu có thể chấp nhận một hay một vài thuộc tính XHTML. Các thuộc tính phải nằm trên cùng một hàng với ký tự đánh dấu, ngăn cách bởi một khoảng trắng đơn.
 * Ô và tiêu đề ( | hoặc ||, ! hoặc !!, và |+ ) chứa nội dung. Vì thế hãy phân tách bất kỳ thuộc tính nào khỏi nội dung bằng một dấu ống đơn (|). Nội dung của ô có thể theo ngay sau hoặc nằm trên dòng kế tiếp.
 * Ký hiệu bảng và hàng ( {| và |- ) không trực tiếp chứa nội dung. Xin đừng chèn dấu ống (|) sau thuộc tính của chúng. Nếu bạn chèn nhầm dấu ông sau thuộc tính của ký hiệu bảng hay hàng thì bộ phân tích ngữ pháp sẽ xoá nó cùng với thuộc tính.
 * Nội dung có thể (a) theo sau ký hiệu ô trên cùng một hàng sau những thuộc tính XHTML tuỳ chọn hoặc (b) trong các hàng tiếp theo sau đó. Nội dung có sử dụng những kí pháp wiki cần bắt đầu trên dòng mới như danh sách, tiêu đề hoặc bảng lồng tất nhiên phải được đặt trên dòng riêng.

Trơn
Bảng sau đây không có viền và giãn cách nhưng lại cho thấy ký pháp cấu trúc bảng đơn giản nhất. {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Lựa chọn khác
Để cho trông giống bảng hơn thì các ô có thể được viết trên cùng một dòng, phân cách bởi ||. Cách này không hợp với các ô có nội dung dài nhưng khá ổn cho những mẩu thông tin ngắn như ví dụ dưới đây.

Khoảng trống phụ có thể được thêm vào trong ô để đoạn mã dễ nhìn hơn mà không ảnh hưởng đến bảng kết quả.

{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Với thuộc tính HTML
Bạn có thể sử dụng thuộc tính HTML để làm đẹp bảng.

border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

align="center" border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

align="right" border="1"
Bạn có thể đặt thuộc tính cho từng ô riêng lẻ. Ví dụ, số trông đẹp hơn khi được canh phải. {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Bạn cũng có thể đặt thuộc tính trên dòng riêng. {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

cellspacing="0" border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

cellpadding="20" cellspacing="0" border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Với thuộc tính HTML và định dạng CSS
Các thuộc tính định dạng CSS có thể được thêm vào cùng với thuộc tính HTML hoặc không.

style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Bảng với tiêu đề TH
TH (tiêu đề bảng HTML) có thể được tạo ra bởi ! thay vì |. Tiêu đề mặc định thường được in đậm và canh giữa.

Từng cột
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Colspan="2"
Thuộc tính  khiến ô trải trên hai cột.

Mặc định
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Canh phải
Tiêu đề bên canh phải có thể được thực hiện như sau: {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Tiêu đề
Tiêu đề bảng có thể được thêm vào như sau:

{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Và tất nhiên cũng có thể sử dụng thuộc tính cho tiêu đề:

{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

Bảng với các tiêu đề H1, H2, H3, H4...
Có thể tạo tiêu đề HTML H1, H2, H3, H4... với kí pháp wiki chuẩn dùng ==dấu bằng== và phải nằm trọn trên một dòng.

Xem thử toàn bộ bảng. Nếu bạn nhấn vào thẻ soạn thảo của một tiêu đề bên trong bảng, sửa và xem thử thì bảng cha sẽ bị vỡ vì bị thiếu một số phần.

{| width="100%" {| border="1" cellpadding="20" cellspacing="0"
 * width="50%"|
 * colspan="2"|

Khoái khẩu
{| border="1" cellpadding="20" cellspacing="0"
 * Cam
 * Táo
 * Bánh mì
 * Bánh nướng
 * Bơ
 * Kem
 * }
 * width="50%"|
 * Kem
 * }
 * width="50%"|
 * colspan="2"|

Khoái khẩu

 * Cam
 * Táo
 * Bánh mì
 * Bánh nướng
 * Bơ
 * Kem
 * }
 * Bơ
 * Kem
 * }
 * }

Số âm
Dấu trừ của số âm có thể gây nhầm lẫn nếu bạn viết như thế này:. Thay vào đó hãy chèn một khoảng trắng phía trước dấu trừ hoặc dùng cú pháp nội dòng.