ข้ามไปที่เนื้อหาหลัก
การสนับสนุน
ลงชื่อเข้าใช้
ลงชื่อเข้าใช้ด้วย Microsoft
ลงชื่อเข้าใช้หรือสร้างบัญชี
สวัสดี
เลือกบัญชีอื่น
คุณมีหลายบัญชี
เลือกบัญชีที่คุณต้องการลงชื่อเข้าใช้

คุณสามารถเพิ่มตารางลงในหน้าเว็บของคุณเพื่อช่วยในการจัดโครงสร้างข้อความรูปภาพหรือวัตถุบนหน้าได้ คุณอาจทำสิ่งนี้เพื่อแสดงข้อมูลในตารางรายการราคาการเปรียบเทียบผลิตภัณฑ์รายการของข้อกำหนดและคำจำกัดความและอื่นๆ นอกจากนี้คุณยังอาจทำสิ่งนี้เพื่อจัดตำแหน่งเนื้อหาตัวอย่างเช่นแสดงชีวประวัติของพนักงานข้อมูลที่ติดต่อของคุณหรือเวลาทำการของธุรกิจของคุณ บทความนี้จะอธิบายถึงวิธีการจัดตำแหน่งหรือโครงสร้างเนื้อหาบนหน้าโดยใช้ตัวแก้ไขตารางบนเว็บไซต์ของคุณและวิธีอื่นๆเช่น HTML และ CSS

ในบทความนี้

แทรกตาราง

เมื่อต้องการแทรกตารางบนหน้าให้กับบัญชีผู้ใช้ Microsoft 365 ของคุณให้เปิดตัวแก้ไขเว็บไซต์แล้วทำตามขั้นตอนต่อไปนี้

  1. เรียกดูเว็บเพจที่คุณต้องการเพิ่มตาราง

  2. คลิกแท็บหน้า

  3. คลิกปุ่มแก้ไข

  4. คลิกที่หน้าที่คุณต้องการเพิ่มตาราง

  5. คลิกแท็บ แทรก

  6. คลิกปุ่มตาราง
    แทรกตารางบนเว็บไซต์สาธารณะ SharePoint Online

  7. มีสองวิธีในการเพิ่มตารางดังนี้

    • คลิกลูกศรเพื่อขยายเส้นตารางให้โฮเวอร์ตัวชี้เมาส์ของคุณไปไว้เหนือเส้นตารางแล้วคลิกจำนวนเซลล์ของตารางที่ต้องการ

    • หรือคลิกปุ่มแทรกตารางพิมพ์จำนวนของคอลัมน์และแถวที่คุณต้องการแล้วคลิกตกลง

  8. ตารางจะถูกเพิ่มลงในเว็บเพจของคุณที่ซึ่งคุณสามารถเริ่มการเพิ่มเนื้อหาลงในเอกสารหรือการกำหนดเองงานที่อธิบายไว้ถัดไป
    ตารางบนเว็บไซต์ SharePoint Online

ด้านบนของหน้า

กำหนดตารางเอง

เมื่อคุณแทรกตารางบนเว็บเพจของคุณแล้วคุณสามารถเริ่มการกำหนดเองได้ คุณสามารถเพิ่มและลบแถวหรือคอลัมน์รวมและแยกแถวหรือคอลัมน์ปรับขนาดตารางเปลี่ยนลักษณะที่ปรากฏและอื่นๆ

เพิ่มแถวและคอลัมน์

คุณสามารถเพิ่มแถวและคอลัมน์ของเซลล์ในตารางเพื่ออนุญาตให้มีเนื้อหาที่มีโครงสร้างเพิ่มเติมบนหน้าได้ คุณสามารถเพิ่มที่ด้านบนด้านล่างด้านซ้ายหรือด้านขวาของเซลล์ที่เคอร์เซอร์ของคุณอยู่ ทั้งแถวหรือทั้งคอลัมน์เท่านั้นที่สามารถเพิ่มได้ในครั้งเดียวแทนเซลล์แต่ละเซลล์

เมื่อต้องการเพิ่มแถวหรือคอลัมน์ในตาราง

  1. แก้ไขเว็บเพจที่มีตารางของคุณ

  2. วางเคอร์เซอร์ของคุณในเซลล์ตารางที่คุณต้องการเพิ่มแถวหรือคอลัมน์

  3. คลิกแท็บเค้าโครงตาราง

  4. ให้เลือกรายการใดรายการหนึ่งต่อไปนี้:

    • แทรกด้านบนเพื่อเพิ่มแถวเหนือเซลล์ที่เลือก

    • แทรกด้านล่างเพื่อเพิ่มแถวด้านล่างของเซลล์ที่เลือก

    • แทรกด้านซ้ายเพื่อเพิ่มคอลัมน์ทางด้านซ้ายของเซลล์ที่เลือก

    • แทรกไปทางขวาเพื่อเพิ่มคอลัมน์ทางด้านขวาของเซลล์ที่เลือก

เคล็ดลับ:  ถ้าคุณไม่ชอบผลลัพธ์ของเซลล์ใหม่คุณสามารถยกเลิกการกระทำได้โดยการพิมพ์CTRL + Zหรือคลิกแท็บจัดรูปแบบข้อความแล้วเลือกเลิกทำ

คุณจะเห็นการเปลี่ยนแปลงที่นำไปใช้กับตารางของคุณทันที ถ้าคุณมีข้อความหรือรูปภาพในเซลล์เหล่านั้นจะถูกวางเข้าด้วยกันในเซลล์ที่ผสานใหม่

ด้านบนของหน้า

ผสานเซลล์

เมื่อคุณผสานเซลล์คุณจะรวมเซลล์อย่างน้อยสองเซลล์เพื่อให้มีพื้นที่เพิ่มเติมสำหรับข้อความรูปภาพและวัตถุอื่นๆในตาราง คุณสามารถผสานเซลล์ด้านบนหรือด้านล่างหรือด้านซ้ายหรือขวาจากที่อื่นได้แต่คุณสามารถผสานเซลล์แต่ละเซลล์ได้เท่านั้นและไม่รวมทั้งแถวหรือคอลัมน์ทั้งสองคอลัมน์

เมื่อต้องการผสานเซลล์ในตาราง

  1. แก้ไขเว็บเพจที่มีตารางของคุณ

  2. วางเคอร์เซอร์ของคุณในเซลล์ตารางที่คุณต้องการผสาน

  3. คลิกแท็บเค้าโครงตาราง

  4. คลิกผสานเซลล์และเลือกอย่างใดอย่างหนึ่งต่อไปนี้:

    • ผสานด้านบนเพื่อผสานกับเซลล์ด้านบน

    • ผสานด้านล่างเพื่อผสานกับเซลล์ด้านล่าง

    • ผสานไปทางซ้ายเพื่อผสานกับเซลล์ทางด้านซ้าย

    • ผสานขวาเพื่อผสานกับเซลล์ทางด้านขวา

เคล็ดลับ:  ถ้าคุณไม่ชอบผลลัพธ์ของเซลล์ที่ผสานคุณสามารถยกเลิกการกระทำได้โดยการพิมพ์CTRL + Zหรือคลิกแท็บจัดรูปแบบข้อความแล้วเลือกเลิกทำ

คุณจะเห็นการเปลี่ยนแปลงที่นำไปใช้กับตารางของคุณทันที ถ้าคุณมีข้อความหรือรูปภาพในเซลล์เหล่านั้นจะถูกวางเข้าด้วยกันในเซลล์ที่ผสานใหม่

ด้านบนของหน้า

การแยกเซลล์

เมื่อคุณแยกเซลล์คุณสามารถเปลี่ยนเซลล์หนึ่งเซลล์ให้เป็นสองเซลล์เพื่อนำโครงสร้างเพิ่มเติมไปใช้กับเนื้อหาของตารางได้ คุณสามารถแยกเซลล์ตามแนวนอนหรือแนวตั้งได้แต่คุณสามารถแยกเซลล์แต่ละเซลล์ได้เท่านั้นและไม่ทั้งแถวหรือทั้งคอลัมน์

เมื่อต้องการแยกเซลล์ในตาราง

  1. แก้ไขเว็บเพจที่มีตารางของคุณ

  2. วางเคอร์เซอร์ของคุณในเซลล์ตารางที่คุณต้องการแยก

  3. คลิกแท็บเค้าโครงตาราง

  4. คลิกแยกเซลล์แล้วเลือกอย่างใดอย่างหนึ่งต่อไปนี้:

    • แยกแนวนอนเพื่อแยกเซลล์เป็นสองเซลล์แบบเคียงข้างกัน

    • แยกแนวตั้งเพื่อแยกเซลล์เป็นสองเซลล์หนึ่งในอีกเซลล์หนึ่ง

เคล็ดลับ:  ถ้าคุณไม่ชอบผลลัพธ์ของเซลล์แยกคุณสามารถยกเลิกการกระทำได้โดยการพิมพ์CTRL + Zหรือคลิกแท็บจัดรูปแบบข้อความแล้วเลือกเลิกทำ

คุณจะเห็นการเปลี่ยนแปลงที่นำไปใช้กับตารางของคุณทันที ถ้าคุณมีข้อความหรือรูปภาพในเซลล์เหล่านั้นจะยังคงอยู่ในเซลล์ต้นฉบับและไม่มีข้อความใหม่

ด้านบนของหน้า

ปรับขนาดตาราง

คุณสามารถเปลี่ยนขนาดของตารางเช่นเดียวกับแต่ละแถวและคอลัมน์ที่สร้างตาราง คุณอาจทำสิ่งนี้ให้พอดีกับเนื้อหาของหน้าเพิ่มเติมในเซลล์ตารางหรือทำให้ห้องเพิ่มเติมในส่วนที่เหลือของหน้าสำหรับเนื้อหาอื่นๆ คุณสามารถระบุตารางหรือขนาดเซลล์เป็นพิกเซล (px) หรือเป็นเปอร์เซ็นต์ (%) ทั้งแถวคอลัมน์หรือตารางเท่านั้นที่สามารถปรับขนาดได้ในครั้งเดียวแทนที่จะเป็นเซลล์แต่ละเซลล์

เมื่อต้องการเปลี่ยนขนาดของตาราง

  1. แก้ไขเว็บเพจที่มีตารางของคุณ

  2. วางเคอร์เซอร์ของคุณภายในตารางที่คุณต้องการปรับขนาด

  3. คลิกแท็บเค้าโครงตาราง

  4. ถัดจากความกว้างของตารางให้ใส่ค่าเปอร์เซ็นต์หรือค่าพิกเซล ค่าของ๑๐๐% หรือ700px หรือมากกว่าจะใช้พื้นที่เนื้อหาของหน้าทั้งหมด

  5. ถัดจากความสูงของตารางให้ใส่ค่าเปอร์เซ็นต์หรือค่าพิกเซล โปรดจำไว้ว่าจำนวนย่อหน้าจะกำหนดความสูงของตารางด้วย

  6. ถัดจากความกว้างของคอลัมน์ให้ใส่ค่าเปอร์เซ็นต์หรือค่าพิกเซล ค่าของ๑๐๐% หรือ700px หรือมากกว่าจะใช้พื้นที่เนื้อหาของหน้าทั้งหมด

  7. ถัดจากความสูงของคอลัมน์ให้ใส่ค่าเปอร์เซ็นต์หรือค่าพิกเซล โปรดจำไว้ว่าจำนวนย่อหน้าจะกำหนดความสูงของตารางในเซลล์ด้วย

    เคล็ดลับ:  ถ้าคุณไม่ชอบผลลัพธ์ของตารางที่มีการปรับขนาดหรือเซลล์คุณสามารถยกเลิกการกระทำได้โดยการพิมพ์CTRL + Zหรือคลิกแท็บจัดรูปแบบข้อความแล้วเลือกเลิกทำ

คุณจะเห็นการเปลี่ยนแปลงที่นำไปใช้กับตารางของคุณทันที ถ้าคุณมีข้อความหรือรูปภาพในเซลล์เหล่านั้นจะยังคงอยู่ในเซลล์ที่ปรับขนาด

ด้านบนของหน้า

เปลี่ยนสไตล์ของตาราง

คุณสามารถกำหนดลักษณะที่ปรากฏของตารางด้วยการเปลี่ยนสไตล์ของตารางได้โดยการเปลี่ยนสไตล์กำหนดการของหัวกระดาษหรือท้ายกระดาษและนำการจัดรูปแบบพิเศษไปใช้กับแถวหรือคอลัมน์ของตารางแรกและคอลัมน์สุดท้าย

เมื่อต้องการเปลี่ยนสไตล์ตาราง

  1. แก้ไขเว็บเพจที่มีตารางของคุณ

  2. วางเคอร์เซอร์ของคุณในตารางที่คุณต้องการกำหนดเอง

  3. คลิกแท็บไซต์

  4. เลือกหนึ่งในตัวเลือกสไตล์ตารางต่อไปนี้ (คุณอาจไม่เห็นการจัดรูปแบบความแตกต่างถ้า "Light" หรือ "ล้าง" สไตล์ตารางจะถูกนำไปใช้กับตารางของคุณในขณะนี้)

    • แถวส่วนหัวนำการจัดรูปแบบพิเศษไปใช้กับแถวแรกของตาราง

    • แถวท้ายกระดาษจะนำการจัดรูปแบบพิเศษไปใช้กับแถวสุดท้ายของตาราง

    • คอลัมน์แรกจะนำการจัดรูปแบบพิเศษไปใช้กับคอลัมน์แรกของตาราง

    • คอลัมน์สุดท้ายจะนำการจัดรูปแบบพิเศษไปใช้กับคอลัมน์สุดท้ายของตาราง

  5. เลือกสไตล์ตาราง แต่ละสไตล์จะเปลี่ยนสีเส้นขอบสีของเซลล์และสีของหัวกระดาษหรือท้ายกระดาษ (เฉพาะบางสไตล์เปลี่ยนหัวกระดาษและท้ายกระดาษถ้าคุณเลือกตัวเลือกที่ด้านบน)

    • สไตล์ตารางเริ่มต้น-light: เส้นขอบเส้นสีเทาบางเบาสีเทา

    • สไตล์ตาราง1–ล้าง: ไม่มีเส้นขอบที่มองเห็นได้

    • สไตล์ตาราง2–แถบสีอ่อน: เส้นแนวนอนสีเทาอ่อนแถวอื่นๆทุกแถวสีเทา

    • สไตล์ตาราง 3-โทนสีกลางสองสี: ส่วนหัวสีน้ำเงินแถวอื่นๆจะแรเงาเป็นสีฟ้าอ่อน

    • สไตล์ตาราง 4-เส้นแสง: ส่วนหัวสีเทา, เส้นแนวนอนสีฟ้าอ่อน

    • สไตล์ตาราง5–เส้นตาราง: เส้นขอบตารางสีเทาแถวอื่นทุกแถวที่มีสีเทา

    • สไตล์ตาราง6–เน้น 1: เส้นขอบตารางสีน้ำเงินส่วนหัวสีน้ำเงิน

    • สไตล์ตาราง 7-สำเนียง 2; เส้นขอบตารางสีน้ำเงินอ่อนส่วนหัวสีฟ้าอ่อน

    • สไตล์ตาราง8–สำเนียง 3: เส้นขอบสีเขียวสีเขียวส่วนหัวสีเขียว

    • สไตล์ตาราง9–สำเนียง 4: เส้นขอบตารางมะกอกหัวกระดาษมะกอก

    • สไตล์ตาราง10–สำเนียง 5: เส้นขอบตารางสีแดงหัวกระดาษสีแดง

    • สไตล์ตาราง 11-เน้น 6: เส้นขอบตารางสีม่วงส่วนหัวสีม่วง

  6. คลิกแสดงเส้นตารางเพื่อแสดงหรือซ่อนเส้นตารางของตาราง นี่เป็นเพียงตัวช่วยภาพในกรณีที่คุณนำสไตล์ตารางที่ชัดเจนหรือเส้นขอบตารางที่ซ่อนอยู่ออกจากกันแต่คุณยังต้องการดูตารางที่จะทำงานกับตารางนั้น

คุณจะเห็นการเปลี่ยนแปลงที่นำไปใช้กับตารางของคุณทันที ถ้าคุณมีข้อความหรือรูปภาพในเซลล์เหล่านั้นจะยังคงอยู่ในเซลล์ต้นฉบับด้วยสไตล์ใหม่ที่ถูกนำไปใช้

ด้านบนของหน้า

เพิ่มข้อความหรือวัตถุลงในตาราง

เมื่อคุณกำหนดตารางเสร็จเรียบร้อยแล้วคุณก็พร้อมที่จะเริ่มการเพิ่มเนื้อหาลงในตารางเช่นข้อความกราฟิกและวัตถุอื่นๆตามที่อธิบายไว้ที่นี่

เมื่อต้องการเพิ่มข้อความหรือวัตถุลงในตาราง

  1. แก้ไขเว็บเพจที่มีตารางของคุณ

  2. วางเคอร์เซอร์ของคุณภายในเซลล์ตารางที่คุณต้องการเพิ่มเนื้อหา

  3. เมื่อต้องการเพิ่มข้อความเพียงแค่เริ่มพิมพ์ข้อความหรือวางข้อความในเซลล์ตาราง เมื่อต้องการเปลี่ยนฟอนต์หรือขนาดฟอนต์ให้คลิกแท็บจัดรูปแบบข้อความแล้วเลือกการตั้งค่าฟอนต์จากที่นั่น

  4. เมื่อต้องการแทรกรูปภาพวิดีโอหรือวัตถุอื่นให้คลิกแท็บแทรกและแทรกวัตถุเหมือนกับที่คุณต้องการบนเว็บเพจของคุณ (ถ้ารูปภาพหรือวิดีโอมีขนาดใหญ่กว่าเซลล์ของตารางเซลล์ของตารางจะปรับขนาดให้พอดีกับรูปภาพหรือวิดีโอโดยอัตโนมัติ)

  5. เมื่อต้องการเอาข้อความรูปภาพหรือวัตถุออกให้เลือกข้อความนั้นในเซลล์แล้วกดDeleteบนคีย์บอร์ดของคุณ

ด้านบนของหน้า

ลบเซลล์แถวคอลัมน์หรือตาราง

คุณสามารถลบแต่ละเซลล์แถวคอลัมน์หรือทั้งตารางได้ถ้าจำเป็น

เมื่อต้องการลบเซลล์แถวคอลัมน์หรือตาราง

  1. แก้ไขเว็บเพจที่มีตารางของคุณ

  2. วางเคอร์เซอร์ของคุณภายในเซลล์แถวคอลัมน์หรือตารางที่คุณต้องการลบ

  3. คลิกแท็บเค้าโครงตาราง

  4. คลิกลบและเลือกอย่างใดอย่างหนึ่งต่อไปนี้:

  5. ลบเซลล์เมื่อต้องการลบเซลล์แต่ละเซลล์ที่เคอร์เซอร์ของคุณอยู่

  6. ลบคอลัมน์เพื่อลบคอลัมน์ที่เคอร์เซอร์ของคุณอยู่

  7. ลบแถวเพื่อลบแถวที่เคอร์เซอร์ของคุณอยู่

  8. ลบตารางเพื่อลบตารางทั้งหมดที่เคอร์เซอร์ของคุณอยู่

  9. กำหนดตารางหรือเนื้อหาบนหน้าต่อ

ด้านบนของหน้า

สร้างตารางเนื้อหา HTML หรือ CSS ของคุณเอง

ถ้าคุณต้องการสร้างตารางแบบกำหนดเองหรือใช้โค้ด HTML ของคุณเองด้วย CSS เพื่อจัดตำแหน่งเนื้อหาบนหน้าคุณสามารถทำได้โดยการสร้างโค้ด HTML ของคุณในตัวแก้ไขเว็บเพจที่เหมือนกับเว็บนิพจน์หรือ Dreamweaver ทำการเปลี่ยนแปลงของคุณในตัวแก้ไขแล้วคัดลอกและวางโค้ดเว็บเพจในเว็บไซต์สาธารณะของคุณโดยทำตามขั้นตอนต่อไปนี้

เพิ่มตารางหรือโค้ดเว็บเพจที่กำหนดเองลงในเว็บไซต์ของคุณ

  1. แก้ไขเว็บเพจที่คุณต้องการเพิ่มตารางหรือเนื้อหา HTML

  2. คลิกแท็บจัดรูปแบบข้อความแล้วคลิกแก้ไขแหล่งข้อมูลในกลุ่มมาร์กอัป
    แก้ไขแหล่งข้อมูลบนเว็บไซต์สาธารณะ SharePoint Online

  3. ในหน้าต่างต้นฉบับ HTML ให้พิมพ์หรือวาง HTML แบบกำหนดเองของคุณหรือปรับเปลี่ยนเนื้อหาต้นฉบับที่มีอยู่เช่นการใช้แท็ก DIV (หน้าต่างต้นฉบับ HTML ยังเป็นวิธีที่มีประโยชน์ในการคัดลอกตารางจากส่วนหนึ่งของเว็บไซต์ของคุณไปยังอีกส่วนหนึ่งซึ่งจะเร็วกว่าการสร้างและการกำหนดตารางเองอีกครั้ง)

  4. คลิกตกลงแล้วบันทึกหน้า

  5. เมื่อต้องการกำหนด HTML เองเพิ่มเติม (ตัวอย่างเช่นโดยใช้เลเยอร์ CSS) ให้คลิกแท็บไซต์แล้วคลิกแก้ไขสไตล์ชีต
    แก้ไข CSS บนเว็บไซต์ SharePoint Online

  6. ในหน้าต่างแก้ไขสไตล์ชีตให้เพิ่ม CSS แบบกำหนดเองของคุณแล้วคลิกบันทึก

เคล็ดลับ:  เมื่อต้องการกำหนดเค้าโครงและการวางตำแหน่งของเนื้อหาบนหน้าเพิ่มเติมคุณอาจลองสร้างเค้าโครงหน้าแบบกำหนดเองโดยใช้ตัวจัดการการออกแบบ

ด้านบนของหน้า

ต้องการความช่วยเหลือเพิ่มเติมหรือไม่

ต้องการตัวเลือกเพิ่มเติมหรือไม่

สํารวจสิทธิประโยชน์ของการสมัครใช้งาน เรียกดูหลักสูตรการฝึกอบรม เรียนรู้วิธีการรักษาความปลอดภัยอุปกรณ์ของคุณ และอื่นๆ

ชุมชนช่วยให้คุณถามและตอบคําถาม ให้คําติชม และรับฟังจากผู้เชี่ยวชาญที่มีความรู้มากมาย

ข้อมูลนี้เป็นประโยชน์หรือไม่

คุณพึงพอใจกับคุณภาพภาษาเพียงใด
สิ่งที่ส่งผลต่อประสบการณ์ใช้งานของคุณ
เมื่อกดส่ง คำติชมของคุณจะถูกใช้เพื่อปรับปรุงผลิตภัณฑ์และบริการของ Microsoft ผู้ดูแลระบบ IT ของคุณจะสามารถรวบรวมข้อมูลนี้ได้ นโยบายความเป็นส่วนตัว

ขอบคุณสำหรับคำติชมของคุณ!

×