간단한 표

수직선 한 쌍을 이용하여 간단하게 표를 만들 수 있습니다.

||~ 제목 1 ||~ 제목 2 ||~ 제목 3 ||
|| 칸 1 || 칸 2 || 칸 3 ||
|||| 긴 칸 4 || 칸 5 ||
|| 칸 6 |||| 긴 칸 7 ||
|||||| 기이인 칸 8||
제목 1 제목 2 제목 3
칸 1 칸 2 칸 3
긴 칸 4 칸 5
칸 6 긴 칸 7
기이인 칸 8
|| 줄 시작과 끝에는 || 두 개의 수직선이 있어야하고 || 그 외엔 아무것도 없어야합니다 ||
|| 칸은 두 개의 수직선으로 || 구별되는데 || 그 외엔 아무것도 없어야합니다 ||
|||| 각 셀의 시작 부분에서 || 여러 칸을 잡아먹을 수 있습니다 ||
|| 추가적인 칸도 |||| 구별됩니다 ||
|||||| 이 예시가 아마 _
이해하기 가장 쉬울겁니다 ||
줄 시작과 끝에는 두 개의 수직선이 있어야하고 그 외엔 아무것도 없어야합니다
칸은 두 개의 수직선으로 구별되는데 그 외엔 아무것도 없어야합니다
각 셀의 시작 부분에서 여러 칸을 잡아먹을 수 있습니다
추가적인 칸도 구별됩니다
이 예시가 아마
이해하기 가장 쉬울겁니다

표 안에 줄바꿈을 하려면 _(언더바)를 줄 끝에 넣으면 됩니다(위 예시를 참조하세요).

고급 (사용자 정의) 표

좀 더 고급의 표를 만들려면, 모양을 관리하기 위한 classstyle 속성을 사용할 수 있는 특별한 태그를 사용할 수 있습니다. 아래 구문으로 고급 표를 생성할 수 있습니다.

[[table]]
[[row]]
[[hcell style="border: 1px solid silver; background-color: yellow;"]]
제목 칸 0.0
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
제목 칸 0.1
[[/hcell]]
[[hcell style="border: 1px solid silver" ]]
제목 칸 0.2
[[/hcell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver" colspan="2"]]
칸 1.0
[[/cell]]
[[cell style="border: 1px solid silver; background-color: yellow;"]]
칸 1.2
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver" rowspan="2"]]
칸 2.0
[[/cell]]
[[cell style="border: 1px solid silver"]]
칸 2.1
[[/cell]]
[[cell style="border: 1px solid silver"]]
칸 2.2
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
칸 3.1
[[/cell]]
[[cell style="border: 1px solid silver"]]
칸 3.2
[[/cell]]
[[/row]]
[[/table]]

이렇게 변환됩니다…

제목 칸 0.0 제목 칸 0.1 제목 칸 0.2
칸 1.0 칸 1.2
칸 2.0 칸 2.1 칸 2.2
칸 3.1 칸 3.2

[[table]], [[row]], [[cell]], [[hcell]]의 각 요소에는 styleclass 속성을 사용할 수 있고 각각 (X)HTML 태그 <table>, <tr>, <td>로 변환됩니다. 칸에는 colspanrowspan 변수를 줄 수도 있습니다.

위 예시에서 각 칸 사이의 공백을 제거하고싶다면, 첫번째 줄을 [[table style="border-collapse:collapse;"]]처럼 바꿔주세요.

페이지 레이아웃을 위한 표 사용 예시는 스니펫 위키에서 찾을 수 있습니다.
http://snippets.wikidot.com/code:layout-with-tables .

표는 중첩될 수 있습니다.

따로 명시하지 않는 한에서 이 사이트의 페이지 컨텐츠는 크리에이티브 커먼즈 저작자표시 4.0 라이선스를 따릅니다.