WP Table Manager : ตารางการจัดแต่ง

1. รูปแบบ

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

คุณสามารถเลือกเปอร์เซ็นต์สำหรับโปรแกรมแก้ไขตารางได้ ซึ่งหมายความว่าคุณสามารถซูมเข้า/ออกตารางของคุณได้ตั้งแต่ 50% ถึง 200%

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

2. ธีมและตัวเลือก

ในแต่ละตาราง คุณจะพบ ตัว เลือกการเลือกธีม ที่ Menu Theme เพียงคลิกที่ธีมเพื่อใช้งาน

สลับสี

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

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

จัดตำแหน่งตาราง

การจัดตำแหน่งตารางเป็นเรื่องเกี่ยวกับการจัดตำแหน่ง div ที่มีทั้งตาราง จัดกึ่งกลางตารางทั้งหมด เป็นต้น คุณสามารถค้นหาได้ที่ Menu Format > Table align

การเน้นเซลล์

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

3. เพิ่มคำแนะนำเครื่องมือในเซลล์

ในแต่ละเซลล์ในตาราง คุณจะเห็นตัวเลือกเพิ่มคำแนะนำเครื่องมือเมื่อทำการคลิกขวา

คุณสามารถกำหนดความกว้างของคำแนะนำเครื่องมือเป็นพิกเซล จะนำคุณไปสู่คำแนะนำเครื่องมือพร้อมตัวแก้ไขเพื่อแก้ไข

เพิ่มเนื้อหาและบันทึก เมื่อเสร็จแล้ว คำแนะนำเครื่องมือจะแสดงในด้านสาธารณะเมื่อวางเมาส์ไว้

4. การแช่แข็งแถวและคอลัมน์

การแช่แข็งคอลัมน์

การตรึงคอลัมน์มีอยู่ใน Menu Format > Responsive options คุณสามารถตรึงได้ถึง 5 คอลัมน์ นับจากคอลแรก

ในการทำให้คอลัมน์/แถวหยุดนิ่ง มีตัวเลือกเพิ่มเติมที่ช่วยให้คุณกำหนดความสูงของตารางได้ (เนื่องจากคอนเทนเนอร์ตารางของคุณอาจมีความสูงไม่สิ้นสุด)

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

การแช่แข็งแถว

คุณสามารถค้นหาได้ที่ Menu Format > Table header จากที่นี่ คุณสามารถเปิดตัวเลือกและตั้งค่าแถวให้หยุด (สูงสุด 5 แถว)

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

จากนั้นแถวแรกจะถูกตรึงที่ส่วนหน้าตามการตั้งค่า

5. เรียงลำดับและกรอง

หากคุณต้องการจัดเรียงหรือกรองตารางของคุณ โปรดไปที่ รูปแบบเมนู > ตัวเลือก

จากนั้นป๊อปอัปจะปรากฏขึ้นพร้อมตัวเลือกการเรียงลำดับและตัวกรอง 

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

ตัวอย่างเช่น ในกรณีนี้ ให้เลือก คอลัมน์ A ที่มี ทิศทาง ASC

มี 2 ​​ตัวเลือกสำหรับตัวกรอง:

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

• รูปแบบตัวกรองขั้นสูง: เมื่อเลือกตัวเลือกแล้ว คุณสามารถค้นหาและกรองข้อมูลในตารางได้

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

6. การเติมเซลล์และรัศมีเส้นขอบ

คุณจะพบไอคอนเส้นขอบบนแถบเครื่องมือที่ช่วยปรับช่องว่างภายในและรัศมีของเส้นขอบในเซลล์

7. CSS ที่กำหนดเอง

ก้าวไปอีกขั้นหนึ่งกันเถอะ หากคุณเป็นนักออกแบบเว็บไซต์ที่มีทักษะ css คุณจะสามารถเพิ่ม css ได้ที่ Menu Format > Custom CSS

โค้ด CSS ถูกลงสีโดยใช้โค้ดมิเรอร์ และสามารถเขียนด้วย CSS น้อยกว่า ซึ่งก็ใช้ได้เช่นกัน!

เซลล์ เส้น คอลัมน์มีพิกัดเพื่อระบุแต่ละอันและใช้ css ที่กำหนดเองกับข้อมูลนั้น R คือแถว C คือคอลัมน์

8. ตาราง WordPress ที่ตอบสนอง

ตารางของฉันตอบสนองหรือใช้การเลื่อนบนอุปกรณ์ขนาดเล็กหรือไม่?

ซ่อน Cols

WP Table Manager จัดการการออกแบบที่ตอบสนองด้วยเครื่องมือลำดับความสำคัญเป็นตัวเลือก โดยค่าเริ่มต้น คุณลักษณะการตอบสนองจะถูกปิดใช้งาน จะมีโอเวอร์โฟลว์ (แม้ว่าแม่มดจะทำงานได้ดีบนอุปกรณ์เคลื่อนที่) ในการใช้ ซ่อน Cols คุณควรไปที่ Menu Format > Responsive options

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

ตารางที่มีสกรอลล์ (ดีกว่าสำหรับคอลัมน์จำนวนเล็กน้อย)

ตารางที่ซ่อนคอลัมน์ไว้ (ดีกว่าสำหรับคอลัมน์จำนวนมาก)

ส่วนหัวซ้ำ

นี่เป็นอีกตัวเลือกหนึ่งหากคุณต้องการแทรกตารางในพื้นที่เล็กๆ บนไซต์ของคุณ คุณควรไปที่ Menu Format > Responsive options จากนั้นเลือก ประเภทการตอบสนอง > ส่วนหัวซ้ำ

จะมีตัวเลือกในการปรับแต่งตามความต้องการของคุณ:

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

หลังจากนั้น คุณสามารถดูว่าตารางจะมีลักษณะเป็นอย่างไรในส่วนหน้า

หากคุณใช้ ส่วนหัวที่ทำซ้ำ และ เปิดใช้ตัวเลือก ตัวกรอง

9. ส่งออกไปยัง Excel

ในการบันทึกตารางของคุณบนพีซี คุณควรไปที่ Menu Table และ คลิกที่ ปุ่ม ส่งออก Excel จากนั้นประเภทไฟล์จะเป็น *.xlsx หลังจากส่งออกที่ส่วนหน้า

10. การแบ่งหน้า

คุณสามารถค้นหาคุณลักษณะนี้ได้ที่ Menu Format > Pagination ในแต่ละรุ่นของตาราง ใช้ปุ่มสลับเพื่อเปิดใช้งานและเลือกจำนวนแถวที่จะแสดงบนหน้า

11. การจัดแต่งขอบเซลล์

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

12. พิมพ์ตารางที่ส่วนหน้า

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