Droptables : ตารางจัดแต่งทรงผม

1. จัดรูปแบบในตาราง

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

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

2. ตัวเลือกธีมและการจัดเรียง

ในแต่ละตารางที่คุณสามารถหา เลือกธีม ที่เมนู ธีม เพียงคลิกที่ธีมเพื่อใช้งาน

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

พารามิเตอร์ sortable อนุญาตให้คุณทำการเรียงลำดับข้อมูล AJAX ในส่วนหน้า คุณสามารถดูได้ที่ Menu Format > Sort

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

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

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

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

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

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

4. ACL และการบริหารส่วนหน้า

เป็นไปได้ที่จะจัดการตารางของคุณจากส่วนหน้าของ Joomla จากตัวจัดการเมนู Joomla ให้ เพิ่ม รายการ เมนูใหม่ และเลือกประเภท Manage Tables และเลือก ส่วนหน้า Droptables - Default เป็นเทมเพลต

นี่คือสิ่งที่คุณสามารถเห็น Droptables Manager จากส่วนหน้า

คุณสามารถใช้ ACL ของกลุ่มผู้ใช้ Joomla เพื่อควบคุมการดำเนินการรุ่นตาราง ขั้นแรก ในการตั้งค่าผู้ที่ได้รับอนุญาตให้ดูตาราง คุณควรไปที่ User Roles ใน การกำหนดค่า Droptables

คุณสามารถตั้งค่าเจ้าของตารางได้จากเมนู ตาราง > การเข้าถึงตาราง

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

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

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

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

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

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

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

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

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

6. การกรองข้อมูลคอลัมน์

ที่ Menu Format > Filters คุณสามารถเปิดใช้งานได้โดยคลิกเพื่อเปิดใช้งานฟิลด์การกรองข้อมูลสาธารณะ

ตัวอย่างตัวกรอง:

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

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

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

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

เซลล์ แถว คอลัมน์มีพิกัดเพื่อระบุแต่ละเซลล์ และใช้ CSS ที่กำหนดเองกับข้อมูลนั้น R คือแถว C คือคอลัมน์ นี่คือแถวที่ 1 (r1) คอลัมน์ 4 (c4) = dtr1 dtc4

โค้ด CSS ถูกระบายสีโดยใช้มิเรอร์โค้ด โค้ด CSS อาจเป็นโค้ดน้อยก็ได้ ได้ผลด้วย!

9. ตาราง Joomla ที่ตอบสนอง

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

ซ่อน Cols

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

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

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

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

ส่วนหัวซ้ำ

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

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

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

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

10. ดาวน์โหลดตาราง

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

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

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

12. รูปแบบสำหรับเซลล์เดียว 

คุณสามารถกำหนดรูปแบบ: วันที่ เวลา สกุลเงิน จำนวนเซลล์เดียว ใน Droptables ขั้นแรก คุณควรเลือก a/หลายเซลล์ จากนั้นไปที่ รูปแบบเมนู > วันที่ เวลา

หลังจากนั้น สกุลเงินและตัวเลข ก็สามารถทำได้ในลักษณะเดียวกัน

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

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