แม่แบบ:Table alignment
หน้าตา
| แม่แบบนี้ใช้ TemplateStyles: |
จุดประสงค์
[แก้]เพื่อให้ง่ายต่อการจัดแนวคอลัมน์ในตารางโดยใช้วิกิโค้ดน้อยลง
การใช้งาน
[แก้]วาง {{Table alignment}} ไว้ก่อนหน้าตาราง แล้วเพิ่ม class ต่อไปนี้ในตาราง
| ชื่อ class | จุดประสงค์ |
|---|---|
defaultleft | ตั้งค่าเริ่มต้น โดยจัดตำแหน่งให้เซลล์ทั้งหมดในตารางชิดซ้าย |
defaultcenter | ตั้งค่าเริ่มต้น โดยจัดตำแหน่งให้เซลล์ทั้งหมดในตารางอยู่กึ่งกลาง |
defaultright | ตั้งค่าเริ่มต้น โดยจัดตำแหน่งให้เซลล์ทั้งหมดในตารางชิดขวา |
colNleft | จัดตำแหน่งให้เซลล์ในคอลัมน์ที่ N ชิดซ้าย โดยที่ N เป็นตัวเลข |
colNcenter | จัดตำแหน่งให้เซลล์ในคอลัมน์ที่ N อยู่กึ่งกลาง โดยที่ N เป็นตัวเลข |
colNright | จัดตำแหน่งให้เซลล์ในคอลัมน์ที่ N ชิดขวา โดยที่ N เป็นตัวเลข |
ข้อจำกัด
[แก้]- รองรับคอลัมน์สูงสุดถึง
col19ตารางสามารถมีคอลัมน์เพิ่มเติมได้ แต่ไม่สามารถจัดแนวด้วยวิธีนี้ได้ - ในตารางที่ใช้
rowspanหรือcolspanการใช้ class ดังกล่าวอาจทำให้แสดงผลไม่เป็นดังที่คาดในแถวนั้น ๆ เนื่องจากการจัดตำแหน่งปรากฏในเซลล์ที่ไม่ถูกต้อง วิธีแก้ไขเพื่อให้ได้การจัดตำแหน่งที่ต้องการ ทำได้โดยการเพิ่มโค้ดตารางปกติอย่างstyle="text-align: left/center/right;"| เนื้อหาของเซลล์ลงในแต่ละเซลล์
ตัวอย่าง
[แก้]{{Table alignment}}
{| class="wikitable defaultcenter col1left col4right"
!Item1
!Item2
!Item3
!Item4
|-
|AAAAAA
|100-200
|3-4
|53.43
|-
|BBB
|5-6
|7-8
|5563.35
|-
|CC
|9-10
|113-125
|322313.00
|}
| Item1 | Item2 | Item3 | Item4 |
|---|---|---|---|
| AAAAAA | 100-200 | 3-4 | 53.43 |
| BBB | 5-6 | 7-8 | 5563.35 |
| CC | 9-10 | 113-125 | 322313.00 |