[{"data":1,"prerenderedAt":129},["ShallowReactive",2],{"ui-script-full-width-reservation-table-th":3},{"id":4,"title":5,"body":6,"description":116,"extension":117,"meta":118,"navigation":124,"path":125,"seo":126,"stem":127,"__hash__":128},"content/scripts/th/full-width-reservation-table.md","ตารางการจองแบบเต็มความกว้าง",{"type":7,"value":8,"toc":107},"minimark",[9,13,17,20,23,36,39,59,62,86,89],[10,11,12],"p",{},"สคริปต์นี้ทำให้รายการ Reservations ใน Little Hotelier Front Desk ใช้ความกว้างเต็มจอมอนิเตอร์ของคุณ เหมาะสำหรับเจ้าหน้าที่แผนกต้อนรับและเจ้าของที่ค้นหาและตรวจสอบการจองบนหน้าจอกว้าง และเบื่อตารางแคบๆ ตรงกลางที่เว้นที่ว่างไว้สองข้าง",[14,15,16],"h2",{"id":16},"ปัญหาที่สคริปต์นี้แก้",[10,18,19],{},"หน้า Reservations ของ Front Desk วางเนื้อหาไว้ในคอลัมน์ที่มีความกว้างคงที่ บนมอนิเตอร์ขนาดใหญ่ ตารางการจองถูกบีบอยู่ในคอลัมน์นั้น ชื่อแขกที่ยาวจึงขึ้นบรรทัดใหม่หลายบรรทัด และบางคอลัมน์ต้องเลื่อนแนวนอน คุณต้องเลื่อนไปด้านข้างและลงล่างเพื่อตรวจการจองเพียงรายการเดียว ขณะที่ครึ่งหนึ่งของหน้าจอว่างเปล่า",[14,21,22],{"id":22},"สิ่งที่เปลี่ยนไป",[24,25,26,30,33],"ul",{},[27,28,29],"li",{},"บนหน้า Reservations หัวข้อหน้า พื้นที่เนื้อหา และคอนเทนเนอร์หลักขยายได้สูงสุด 2000 พิกเซล แทนที่จะเป็นความกว้างคงที่มาตรฐาน",[27,31,32],{},"ตารางขยายเต็มหน้าจอ คอลัมน์จึงมีพื้นที่มากขึ้น และชื่อแขกที่ยาวขึ้นบรรทัดใหม่น้อยลง",[27,34,35],{},"ไม่มีอะไรถูกลบหรือสลับลำดับ ยังคงมีคอลัมน์ ตัวกรอง และลิงก์เหมือนเดิม",[14,37,38],{"id":38},"วิธีติดตั้ง",[10,40,41,42,46,47,52,53],{},"ติดตั้งส่วนขยาย Tampermonkey ซึ่งใช้งานได้ฟรี กด ",[43,44,45],"strong",{},"ติดตั้งบน Tampermonkey"," ในหน้านี้ ยืนยัน แล้วโหลดหน้า Reservations ใหม่ ",[48,49,51],"a",{"href":50},"/tools/ui/instructions","คู่มือการติดตั้ง"," แสดงทุกขั้นตอนพร้อมภาพประกอบ สคริปต์ทำงานเฉพาะหน้า Front Desk ที่ที่อยู่มี /reservations (app.littlehotelier.com/extranet/properties/.../reservations) ใช้งานได้ฟรีและเป็นโอเพนซอร์ส: ",[48,54,58],{"href":55,"rel":56},"https://github.com/JuanmanDev/TampermonkeyLittleHotelier/blob/main/frontdesk/fullWidthReservationTable.user.js",[57],"nofollow","โค้ดอยู่บน GitHub",[14,60,61],{"id":61},"ข้อควรรู้",[24,63,64,67,70,73,76,83],{},[27,65,66],{},"บนหน้าจอที่กว้างกว่า 2000 พิกเซล เนื้อหาจะหยุดขยายที่ความกว้างนั้น",[27,68,69],{},"บนแล็ปท็อปเล็กหรือแท็บเล็ตแทบไม่ต่างหรือไม่ต่างเลย เพราะหน้าเต็มจออยู่แล้ว",[27,71,72],{},"เนื่องจากสคริปต์ตรงกับทุกที่อยู่ภายใต้ /reservations เลย์เอาต์ที่กว้างขึ้นจึงมีผลกับหน้าอื่นในส่วนนั้นด้วย เช่น การจองที่เปิดจากรายการ",[27,74,75],{},"สคริปต์เพิ่มกฎสไตล์เมื่อโหลดหน้าเท่านั้น ไม่เก็บข้อมูลและไม่ส่งข้อมูลไปที่ใด",[27,77,78,79],{},"หากต้องการผลแบบเดียวกันกับตารางใน Direct Booking ให้ติดตั้ง",[48,80,82],{"href":81},"/tools/ui/tables-full-width","ตารางเต็มความกว้าง",[27,84,85],{},"หาก Little Hotelier ออกแบบหน้า Reservations ใหม่ เลย์เอาต์ที่กว้างขึ้นอาจหยุดทำงานจนกว่าจะอัปเดตสคริปต์",[14,87,88],{"id":88},"เรื่องที่เกี่ยวข้อง",[24,90,91,95,101],{},[27,92,93],{},[48,94,82],{"href":81},[27,96,97],{},[48,98,100],{"href":99},"/blog/export-little-hotelier-reservations-excel","ส่งออกข้อมูลการจอง Little Hotelier เป็น Excel",[27,102,103],{},[48,104,106],{"href":105},"/blog/hotel-front-desk-checklist-automation","เช็คลิสต์ front office โรงแรม: 8 ข้อก่อนแขกมาถึง",{"title":108,"searchDepth":109,"depth":109,"links":110},"",2,[111,112,113,114,115],{"id":16,"depth":109,"text":16},{"id":22,"depth":109,"text":22},{"id":38,"depth":109,"text":38},{"id":61,"depth":109,"text":61},{"id":88,"depth":109,"text":88},"ขยายรายการ Reservations ใน Front Desk ของ Little Hotelier ให้ใช้เต็มหน้าจอ สูงสุด 2000 พิกเซล คอลัมน์พอดีโดยไม่ต้องเลื่อนไปด้านข้าง","md",{"github":55,"category":119,"images":120},"Front Desk",{"before":121,"after":122,"gallery":123},"/images/scripts/full-width-reservation-table/from.png","/images/scripts/full-width-reservation-table/to.png",[121,122],true,"/scripts/th/full-width-reservation-table",{"title":5,"description":116},"scripts/th/full-width-reservation-table","1txTPER3A78qKWLa4CUq7eN4KyKKSXMk6OhNegHjHDU",1792099677508]