Skip to main content

Make your WordPress HTML tables responsive on mobile

The responsive mode is something crucial to display HTML tables on WordPress, with sometimes small space on your layout whether you're on desktop or on small devices (mobiles, tablets). WP Table Manager has 3 responsive modes: Scrolling, Hiding Cols and Repeated header with several responsive settings.
For more features, get back to the main plugin page >

ตารางแบบตอบสนองโดยใช้การซ่อนคอลัมน์และลำดับความสำคัญในการแสดงผล

ตารางแบบตอบสนองโดยใช้การซ่อนคอลัมน์และลำดับความสำคัญในการแสดงผล

โหมดตอบสนอง WP Table Manager นี้เป็นโหมดที่ปรับแต่งได้มากที่สุด ตารางของคุณจะแสดงโดยเลือกคอลัมน์ที่จัดลำดับตามความสำคัญ ส่วนคอลัมน์อื่นๆ จะถูกซ่อนตามความกว้างที่มีอยู่ คุณสามารถบังคับให้แสดงคอลัมน์ที่ขนาดหน้าจอใดก็ได้โดยใช้เมนูที่มีช่องทำเครื่องหมาย.

ตารางตอบสนองโดยใช้โหมดกลุ่มส่วนหัวข้อมูล

โหมดตอบสนองของตารางนี้จะแสดงข้อมูลแถวใต้ข้อมูลส่วนหัวเมื่อถึงความกว้างหน้าจอที่กำหนด คุณสามารถตั้งค่าเบรกพอยต์ (ความกว้าง) และความสูงสูงสุดของตารางสำหรับแต่ละตารางได้ ซึ่งสะดวกมาก depending on where your table is placed.

ตารางตอบสนองโดยใช้โหมดกลุ่มส่วนหัวข้อมูล
ตารางตอบสนองโดยใช้การเลื่อน

ตารางตอบสนองโดยใช้การเลื่อน

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

วิธีเลือกโหมดตอบสนองที่เหมาะสมสำหรับตาราง HTML ของคุณ

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

วิธีเลือกโหมดตอบสนองที่เหมาะสมสำหรับตาราง HTML ของคุณ

WP Table Managerตารางที่ตอบสนองในวิดีโอ

ราคาปลั๊กอิน WP Table Manager

เข้าร่วมกับ สมาชิกกว่า 60,000+ คน และรับการสนับสนุนและอัปเดตเวอร์ชันใหม่


199$
แทนที่จะ 421$
รับ
WordPress BUNDLE

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

wordpress bundle

รีวิวและคะแนนล่าสุด

คะแนนเฉลี่ยสำหรับ WP Table Manager, JoomUnited คือ 4.9 ดาว จาก 5 ดาว - อ้างอิงจาก 66 รีวิว

คำถามที่พบบ่อย: ตาราง HTML ของ WordPress ที่ตอบสนองบนมือถือ

WP Table Manager มีโหมดตอบสนองอะไรบ้างสำหรับตารางบนมือถือ?

WP Table Manager มีโหมดตอบสนองสามโหมด ได้แก่ การเลื่อน การซ่อนคอลัมน์ และส่วนหัวซ้ำ (กลุ่มส่วนหัวข้อมูล) โดยแต่ละโหมดจะปรับการแสดงตารางให้แตกต่างกันตามขนาดหน้าจอ.

โหมดตอบสนองแบบซ่อนคอลัมน์ทำงานอย่างไร?

ในโหมดนี้ คอลัมน์จะถูกจัดลำดับความสำคัญและซ่อนตามความกว้างหน้าจอที่มีอยู่ โดยมีตัวเลือกให้ผู้ใช้แสดงหรือซ่อนคอลัมน์ด้วยตนเองผ่านเมนูเช็คบ็อกซ์.

โหมดตอบสนองแบบกลุ่มหัวข้อมูลคืออะไร?

โหมดนี้จะแปลงแถวของตารางให้เป็นส่วนหัวและบล็อกข้อมูลแบบจัดกลุ่มเมื่อความกว้างของหน้าจอมีขนาดเล็ก ทำให้เนื้อหาสามารถแสดงในรูปแบบเรียงซ้อนที่อ่านง่ายขึ้น.

โหมดตอบสนองแบบเลื่อนทำงานอย่างไร?

โหมดเลื่อนจะกำหนดความกว้างและความสูงของตารางแบบคงที่ ทำให้สามารถเลื่อนในแนวนอนและแนวตั้งได้ พร้อมตัวเลือกในการตรึงจำนวนคอลัมน์ระหว่างการเลื่อนในแนวนอน.

สามารถตรึงเซลล์หรือคอลัมน์ของตารางในโหมดตอบสนองได้หรือไม่?

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

ฉันจะเลือกโหมดตอบสนองที่ดีที่สุดสำหรับตารางของฉันได้อย่างไร?

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