Manual:table

จาก Thailand Science and Technology Wikipedia

เนื้อหา

1 การสร้างตาราง

การสร้างตาราง

การสร้างตารางในวิกิ ให้เปิดชุดคำสั่งด้วย {| และปิดด้วย |} จากนั้นใช้เครื่องหมาย | เปิดต้นแถวแรก ในแต่ละคอลัมน์ใช้เครื่องหมาย || เช่น

{| 
| ข้อมูลคอลัมน์ที่ 1 || ข้อมูลคอลัมน์ที่ 2
|}

ปรากฏผลดังนี้ (ในตัวอย่างเพิ่มสีน้ำเงิน เพื่อให้เห็นชัดเจน)

ข้อมูลคอลัมน์ที่ 1

ข้อมูลคอลัมน์ที่ 2

การเพิ่มแถวให้ใช้เครื่องหมาย |- คั่นแต่ละแถว เช่น

{| 
| ข้อมูลคอลัมน์ที่ 1  แถวที่ 1|| ข้อมูลคอลัมน์ที่ 2 แถวที่ 1 
|- 
| ข้อมูลคอลัมน์ที่ 1  แถวที่ 2|| ข้อมูลคอลัมน์ที่ 2 แถวที่ 2 
|}

จะได้ผลดังนี้ (ในตัวอย่างเพิ่มสีน้ำเงิน เพื่อให้เห็นชัดเจน)

ข้อมูลคอลัมน์ที่ 1 แถวที่ 1	ข้อมูลคอลัมน์ที่ 2 แถวที่ 1
ข้อมูลคอลัมน์ที่ 1 แถวที่ 2	ข้อมูลคอลัมน์ที่ 2 แถวที่ 2

การเพิ่มเส้นขอบและลักษณะพิเศษต่างๆ

การเพิ่มเส้นขอบให้เพิ่มคำสั่ง border="n" ต่อเครื่องหมาย {|

{|border="1"
| ข้อมูลคอลัมน์ที่ 1  แถวที่ 1|| ข้อมูลคอลัมน์ที่ 2 แถวที่ 1
|-
| ข้อมูลคอลัมน์ที่ 1  แถวที่ 2|| ข้อมูลคอลัมน์ที่ 2 แถวที่ 2
|}

ซึ่งได้ผลดังนี้

ข้อมูลคอลัมน์ที่ 1 แถวที่ 1	ข้อมูลคอลัมน์ที่ 2 แถวที่ 1
ข้อมูลคอลัมน์ที่ 1 แถวที่ 2	ข้อมูลคอลัมน์ที่ 2 แถวที่ 2

เส้นขอบทึบ

{| cellpadding="20" cellspacing="0"
| ข้อมูลคอลัมน์ที่ 1  แถวที่ 1|| ข้อมูลคอลัมน์ที่ 2 แถวที่ 1
|-
| ข้อมูลคอลัมน์ที่ 1  แถวที่ 2|| ข้อมูลคอลัมน์ที่ 2 แถวที่ 2
|}

ข้อมูลคอลัมน์ที่ 1 แถวที่ 1	ข้อมูลคอลัมน์ที่ 2 แถวที่ 1
ข้อมูลคอลัมน์ที่ 1 แถวที่ 2	ข้อมูลคอลัมน์ที่ 2 แถวที่ 2

สร้างตารางด้วย HTML

นอกจากนี้ยังสามารถสร้างตารางด้วยชุดคำสั่ง HTML ได้ด้วย เช่น

<table width="330" border="1">
  <tr>
    <td>ข้อมูลคอลัมน์ที่ 1 แถวที่ 1 </td>
    <td>ข้อมูลคอลัมน์ที่ 2 แถวที่ 1 </td>
  </tr>
  <tr>
    <td>ข้อมูลคอลัมน์ที่ 1 แถวที่ 2 </td>
    <td>ข้อมูลคอลัมน์ที่ 2 แถวที่ 2 </td>
  </tr>
  <tr>
    <td>ข้อมูลคอลัมน์ที่ 1 แถวที่ 3 </td>
    <td>ข้อมูลคอลัมน์ที่ 2 แถวที่ 3 </td>
  </tr>
</table>

จะได้ตารางดังนี้

ข้อมูลคอลัมน์ที่ 1 แถวที่ 1	ข้อมูลคอลัมน์ที่ 2 แถวที่ 1
ข้อมูลคอลัมน์ที่ 1 แถวที่ 2	ข้อมูลคอลัมน์ที่ 2 แถวที่ 2
ข้อมูลคอลัมน์ที่ 1 แถวที่ 3	ข้อมูลคอลัมน์ที่ 2 แถวที่ 3