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