TablePress คู่มือสร้างตารางใน WordPress แบบมืออาชีพ ฉบับสมบูรณ์ 2026

TablePress คืออะไร เหตุใดถึงเป็นตัวเลือกที่ดีที่สุด

TablePress เป็น WordPress plugin ที่ช่วยให้คุณสร้าง แก้ไข และจัดการตารางข้อมูล (table) ได้อย่างง่ายดายโดยไม่ต้องรู้จักเขียนโค้ด HTML หรือ CSS มากมาย ด้วย TablePress คุณสามารถนำเสนอข้อมูลที่ซับซ้อนในรูปแบบตารางที่เรียบร้อยและมีแนวทางดี ซึ่งช่วยให้ผู้อ่านเข้าใจข้อมูลได้ง่ายขึ้น

ปัญหาที่ TablePress แก้คือ การสร้างตารางใน WordPress โดยปกติต้องเขียน HTML table tag ด้วยตนเอง หรือใช้ page builder ที่มีต้นทุนแพง TablePress มาช่วยลดความยุ่งยากนี้ด้วยอินเตอร์เฟสที่เป็นมิตรต่อผู้ใช้ ให้คุณสร้างตารางได้เร็วขึ้น อีกทั้งรองรับการ import จากไฟล์ CSV และ Excel ทำให้สามารถนำข้อมูลเดิมมาใส่ลงตารางได้อย่างรวดเร็ว

ข้อดีหลักของ TablePress คือความเรียบง่าย หากคุณต้องการสร้างตาราง rating ของสินค้า ตาราง comparison ระหว่าง plan ต่าง ๆ หรือตาราง comparison ระหว่าง feature ของ software TablePress เป็นทางออกที่ดีและไม่ต้องเสียเงินเพิ่มเติม

ติดตั้ง TablePress ทีละขั้นตอน

เนื่องจาก TablePress เป็น plugin ฟรีที่อยู่ใน WordPress.org Repository การติดตั้งจึงง่ายมากและสามารถทำได้เพียงไม่กี่ครั้งคลิกจากแดชบอร์ด WordPress ไม่ว่าจะใช้ Hosting ประเภทไหน ทั้ง DirectAdmin หรือ Control Panel อื่น ๆ ก็สามารถติดตั้งได้

1. เข้าสู่ WordPress Admin Dashboard
2. ไปที่ Plugins → Add New
3. ค้นหา "TablePress" ในช่อง Search Plugins
4. จากผลการค้นหา คลิก Install Now บนการ์ด TablePress ที่เป็นอย่างเป็นทางการของ Tobias Bäthge
5. รอให้การติดตั้งเสร็จสิ้น จากนั้นคลิก Activate Plugin
6. คุณจะเห็นเมนู TablePress ปรากฏในแถบด้านซ้ายของแดชบอร์ด WordPress

สร้างตารางแรกของคุณ

หลังจากติดตั้ง TablePress เรียบร้อย ขั้นตอนต่อไปคือสร้างตารางแรก TablePress ให้อินเตอร์เฟสที่ช่วยให้คุณสร้างตารางโดยใช้ spreadsheet-like editor ที่คล้ายกับ Excel หรือ Google Sheets คุณสามารถพิมพ์ข้อมูลตรง ๆ หรือ import จากไฟล์นอก

สร้างตารางเปล่าใหม่

ไปที่ TablePress → Add New แล้วทำตามขั้นตอน:

• ใส่ชื่อตารางในช่อง Name เช่น "Comparison Table", "Pricing Plans", "Product Features"
• กำหนดจำนวน Rows (แถว) และ Columns (คอลัมน์) ตามที่คุณต้องการ
• คลิก Add Table เพื่อสร้าง
• ขณะนี้คุณจะได้ editor ที่ดูเหมือน spreadsheet ให้กดเซลล์และพิมพ์ข้อมูลของคุณ

เพิ่มและแก้ไขเซลล์

ใน TablePress editor คุณสามารถ:

• พิมพ์ข้อมูลตรง: คลิกบนเซลล์แล้วพิมพ์ข้อมูล สามารถเลื่อนระหว่างเซลล์โดยใช้ Tab หรือลูกศร
• เพิ่มแถวใหม่: คลิก Insert Row เพื่อเพิ่มแถวใหม่ที่ท้ายตาราง
• เพิ่มคอลัมน์: คลิก Insert Column เพื่อเพิ่มคอลัมน์
• ลบแถวหรือคอลัมน์: คลิกบนหมายเลขแถวหรือหัวเรื่องคอลัมน์ แล้วคลิก Delete

Import ข้อมูลจาก CSV และ Excel

หนึ่งในฟีเจอร์ที่ทำให้ TablePress มีประโยชน์คือความสามารถในการ import ข้อมูลจากไฟล์ CSV หรือ Excel โดยตรง สิ่งนี้ช่วยประหยัดเวลาอย่างมากเมื่อคุณต้องการนำข้อมูลจากฐานข้อมูลเดิมหรือ Google Sheets มาใส่ลงตาราง WordPress

วิธี Import CSV

1. ไปที่ TablePress → Import
2. ในส่วน Select File คลิก Choose File แล้วเลือกไฟล์ CSV ของคุณ
3. กำหนดตัวเลือก Import:
• Table ID: เลือก Replace existing table เพื่อแทนที่ตารางเดิม หรือ Create a new table เพื่อสร้างตารางใหม่
• Delimiter: ปกติเป็น Comma (,) สำหรับไฟล์ CSV แต่ถ้าไฟล์ของคุณใช้ Tab หรือ Semicolon ให้เลือกตามนั้น
• Use first row as table head: เลือก Yes ถ้าแถวแรกของไฟล์เป็นหัวเรื่องคอลัมน์
4. คลิก Import เพื่อเริ่ม import

วิธี Import Excel

สำหรับไฟล์ Excel (.xlsx) คุณต้องแปลงให้เป็น CSV ก่อน โดยเปิดไฟล์ใน Excel แล้วเลือก File → Save As → CSV (Comma delimited) จากนั้นทำตามขั้นตอน import CSV ด้านบน

ใส่ Shortcode และแสดงตารางบนหน้า

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

รูปแบบ Shortcode TablePress

หลังจากเสร็จจากการสร้างตาราง คุณจะได้ Table ID (เช่น 1, 2, 3) ที่ด้านบนของ editor ให้ใส่ shortcode ต่อไปนี้ในตำแหน่งที่ต้องการแสดงตาราง:

• [table id=N /] — แสดงตารางพื้นฐาน (ที่ N คือ table ID)
• [table id=1 responsive=scroll /] — เปิด responsive mode โดยเลื่อนตารางบนมือถือ
• [table id=1 responsive=flip /] — เปลี่ยน layout ให้เข้าหน้าจอมือถือ

ตัวอย่าง: ถ้าคุณสร้างตารางที่มี ID = 5 และต้องการแสดงบนหน้า WordPress ให้ใส่ [table id=5 /] ลงในเนื้อหาหน้านั้น

ตั้งค่า DataTables — Search, Sort และ Pagination

ฟีเจอร์ DataTables ของ TablePress ให้ผู้ชมเว็บสามารถค้นหา เรียงลำดับ และแบ่งหน้าของตารางด้วยตัวเอง ซึ่งมีประโยชน์มากสำหรับตารางข้อมูลจำนวนมาก

เปิดใช้งาน DataTables

1. ไปที่ตารางที่คุณต้องการ คลิก Edit
2. ในส่วน Advanced Options มองหา DataTables JavaScript
3. เลือก Enable และเลือก Features:
• Searching: เปิดใช้ค้นหา
• Sorting: เปิดใช้เรียงลำดับ
• Pagination: เปิดใช้แบ่งหน้า
• Length Changing: ให้ผู้ชมเลือกจำนวนแถวต่อหน้า
4. คลิก Save Changes

เมื่อเปิดใช้ DataTables ผู้ชมจะเห็นช่องค้นหา ปุ่มเรียงลำดับที่หัวเรื่องคอลัมน์ และรายการปลายหน้าสำหรับการแบ่งหน้า

ตั้งค่า Responsive Mode

ในปัจจุบันผู้ชมส่วนใหญ่ใช้มือถือเข้าชมเว็บไซต์ ดังนั้นการตั้งค่า responsive mode ของตารางจึงสำคัญ TablePress รองรับ responsive mode หลายแบบให้เลือก

ตัวเลือก Responsive Mode

• None: ไม่มี responsive — ตารางจะยังคงขนาดเดิมทั้งบนเดสก์ทอป และมือถือ (อาจมี scroll ด้านข้าง)
• Scrolling: ตารางสามารถเลื่อนได้ด้านข้างบนมือถือ
• Rearranging: เปลี่ยน layout เป็น flip card style เพื่อให้พอดีกับหน้าจอมือถือ
• Expanding: โชว์เพียงคอลัมน์สำคัญ และให้ผู้ชมคลิกขยายแถวเพื่อดูข้อมูลเต็ม

ข้อแนะนำ: ใช้ Scrolling สำหรับตารางข้อมูลกว้าง หรือ Rearranging สำหรับตารางที่ต้องการความสวยงาม

Calculated Columns และ Formula

TablePress Premium Extensions มี Calc Tables ที่ให้คุณสร้างคอลัมน์ที่คำนวณจากคอลัมน์อื่นได้ โดยใช้ formula ประเภท Excel เช่น SUM, AVG, IF เป็นต้น

ตัวอย่าง Calculated Columns

ถ้าคุณมีตารางราคา 3 คอลัมน์ (ราคาซื้อ, ต้นทุน, margin) คุณสามารถสร้าง Calculated Column ด้วย formula =(B1-A1)/B1 เพื่อแสดง margin percentage อัตโนมัติ

Export และ Backup ตาราง

ถ้าต้องการ backup ตาราง หรือ export ข้อมูลออก TablePress ให้ฟีเจอร์ export ที่ช่วยสามารถทำได้

• ไปที่ TablePress → Export → เลือกตาราง → Export to CSV
• ไฟล์ CSV จะดาวน์โหลดลงมือถือ สามารถเปิดใน Excel หรือเก็บไว้เป็น backup ได้

Custom CSS Styling สำหรับตาราง

นอกจากฟีเจอร์มาตรฐาน TablePress ยังให้คุณเขียน Custom CSS เพื่อปรับแต่ง styling ของตารางให้เข้ากับ theme ของเว็บไซต์

เพิ่ม Custom CSS

1. ไปที่ TablePress → Edit ตารางของคุณ
2. เลื่อนลงมาที่ Advanced Options → Custom CSS Classes
3. ใส่ class name เช่น my-custom-table
4. ไปที่ TablePress → Settings และไปที่ tab Frontend
5. ในช่อง Custom CSS ใส่ CSS rules:

ตัวอย่าง:

• .my-custom-table { border: 2px solid #059669; } — เพิ่มขอบตารางสีเขียว
• .my-custom-table th { background: #dcfce7; color: #059669; } — ปรับหัวเรื่องคอลัมน์ให้เป็นสีเขียวอ่อน
• .my-custom-table tr:hover { background: #f0fdf4; } — เพิ่มสี highlight เมื่อ hover บนแถว

Management ตารางจำนวนหลายตัว

ถ้าเว็บไซต์ของคุณมีตารางจำนวนมาก TablePress ให้ interface สำหรับจัดการตารางทั้งหมดจากหน้า TablePress → Tables คุณสามารถ:

• ดู Table ID: ต้องรู้ ID เพื่อแทรก shortcode ในเนื้อหา
• Edit: คลิก Edit เพื่อแก้ไขข้อมูลตารางหรือตั้งค่า
• Duplicate: ถ้าต้องการสร้างตารางใหม่ที่เหมือนตารางเดิม คลิก Duplicate
• Delete: ลบตารางที่ไม่ต้องการใช้งาน

Performance และ Best Practices

TablePress ออกแบบให้มีประสิทธิภาพสูง แม้กระนั้น เมื่อตารางมีข้อมูลจำนวนมากนับพัน record ให้พิจารณา best practices เหล่านี้:

เพื่อให้ตารางทำงานเร็วขึ้น

• ใช้ Pagination: แบ่งตารางเป็นหลายหน้าเพื่อไม่ให้โหลด record ทั้งหมด
• ปิด DataTables หากไม่จำเป็น: DataTables JavaScript มีขนาดไม่เล็ก ถ้าตารางเป็นข้อมูล static ให้ปิดไว้
• ลดจำนวนคอลัมน์: ถ้าเป็นไปได้ เก็บเฉพาะข้อมูลสำคัญเท่านั้น
• Optimize images ในตาราง: ถ้าตารางมีรูปภาพ ให้ compress ขนาดให้เล็ก

Comparison: TablePress vs Competitor

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

คุณสมบัติ	TablePress	Data Tables Generator	Page Builder (Elementor)
ราคา	ฟรี + Premium Extensions	ฟรี	Pro ≥ $99/ปี
ความง่ายใช้	สูงมาก	ปานกลาง	สูงมาก
Import CSV/Excel	✓	✓	✗
DataTables (Search/Sort)	✓	✓	✓
Responsive Mode	✓	✓	✓
Calculated Columns	Premium	✗	✓ (Elementor Pro)
Custom CSS	✓	✓	✓
Performance	ดี	ปานกลาง	ขึ้นอยู่ theme

สรุป: TablePress เป็นตัวเลือกที่ดีที่สุดสำหรับผู้ที่ต้องการสร้างตารางที่เรียบง่าย ฟรี และมี Performance ดี หาก task ที่ซับซ้อนมากขึ้น เช่น calculated columns คุณอาจต้อง upgrade เป็น Premium Extensions หรือใช้ page builder แทน