วิธีเปลี่ยนหน้าในตาราง DataTables ด้วยปุ่มลูกศรซ้าย-ขวา

ด้วยความสามารถของ DataTables ที่ได้รับการยอมรับกันดีอยู่แล้วเรื่องการจัดการข้อมูลในรูปแบบตาราง ทำให้เราสามารถค้นหา, จัดเรียง, กรอง, ข้อมูลต่างๆ ได้อย่างง่ายดายมากๆ จากที่เมื่อก่อนต้องมานั่งเขียน SQL code ให้ ORDER BY ตามสิ่งที่ต้องการให้เรียง เพื่อให้ table แสดงผลได้ตามต้องการ ซึ่งก็เป็นภาระที่คนเขียน code เองต่างขยาด และไม่อยากไปเตะต้องมันอีก เพราะงานมันจุกจิกและซ้ำซาก สิ่งที่จะแนะนำต่อจากนี้ไม่ใช่วิธีการใช้งาน dataTable แต่จะเสริมเรื่องของการใช้ “ปุ่มลูกศร” allow key บน keyboard ในการเปลี่ยนหน้า เนื่องจากรู้สึกว่ามันง่ายกว่ามานั่งคลิกไปทีละหน้าๆ ซึ่งค่อนข้างเสียเวลา มาดูวิธีที่แสนง่ายกันเลย ตาม code นี้จะนำ API ของมันมาใช้ คือ page() และ draw() รายละเอียดตามลิงค์ Page – https://datatables.net/reference/api/page() Draw – https://datatables.net/reference/api/draw() นำมาใช้งานในรูปแบบนี้ จากนั้นเราก็สามารถที่จะกดปุ่มลูกศร ซ้าย เพื่อย้อนกลับ และลูกศรขวา เพื่อถัดไปได้แล้ว

แก้ข้อบกพร่อง Webfont ภาษาไทย ที่สร้างด้วย Font Squirrel

FONT SQUIRREL เป็นเว็บที่มีเครื่องมือให้เราสามารถสร้าง webfont ใช้งานได้เอง โดยอัพโฆลด font ที่้ต้องการและเลือกการตั้งค่าจากนั้นก็ download ได้ง่ายๆ สิ่งที่ generator สร้างมาให้ก็จะมี webfont , stylesheet และตัวอย่างเป็น html มาให้ด้วย ซึ่งต้นแบบ font เอามาจากเว็บที่ให้โหลดฟรี อย่างเช่น f0nt.com ดูเงื่อนไขการใช้งาน ซึ่งผมใช้บ่อยๆจะมี TH Sarabun และ ThaiSansNeue แต่ปัญหาที่พบบ่อยของ font ที่เป็นภาษาไทย มักไม่แสดงผล หรือแสดงผลไม่ถูกต้อง วิธีการแก้ปัญหาง่ายๆ โดยทุกครั้งที่เราจะใช้งาน webfont เป็นภาษาไทย ให้เลือกไปที่โหมด Expert และไปที่ Subsetting: เลือกเป็น No Subsetting  เท่านี้ก็จะได้ webfont ภาษาไทยที่แสดงผลไม่เพี้ยนแล้ว