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

1. รูปแบบ

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

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

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

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

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

สลับสี

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ซ่อน Cols

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

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

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

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

ส่วนหัวซ้ำ

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

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

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

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

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

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

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

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

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

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

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

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

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