Skip to main content

DataTables Pagination And Search With PHP/MySQL

สวัสดีครับในวันนี้เราจะมาแนะนำการใข้งาน Data Tables  ซึ่งเป็น plug-in สำหรับ จัดการการแสดงข้อมูลในรูปแบบตาราง ซึ่งใช้งานง่าย มาก ๆ ครับ

รายละเอียดเพิ่มเติม https://datatables.net/

มาติดตั้งแบบเริ่มต้นกันเลย

1.สร้างไฟล์ demo.html ดังนี้

ตัวอย่างการทำงาน

DataTables จะทำการแบ่งหน้าให้อัตโนมัติ และ มีช่อง Search สามารถค้นหาข้อมูลได้ทันที แต่จากตัวอย่างนี้จะเป็นการแสดงข้อมูลแบบ Static ที่อยู่ใน Html  จะเหมาะกับตารางที่ไม่ค่อยมีข้อมูลเปลี่ยนแปลง

 

การใช้งาน  DataTables Server-side processing  แสดง และ ค้นหาข้อมูลด้วย PHP/MySQL

สำหรับต้วอย่างต่อไปนี้ เราจะใช้ความสามารถ  Server-side processing ของ DataTables  ในการแสดง และ ค้นหาข้อมูลจาก ฐานข้อมูล MySQL ด้วย PHP ครับ

ใน MySQL สร้างฐานข้อมูล Database ชื่อ test และ สร้างตารางชื่อ datatable ดังนี้

สร้างไฟล์  server_processing.php สำหรับประมวลผลข้อมูลจาก Server

โดยไฟล์นี้จะเป็นการรับข้อมูล เลขหน้าที่แสดง และ ข้อมูลการค้นหา จาก Datatable
จากนั้น  PHP ส่งผลการค้นหาที่ได้ กลับไป แสดงผล ยัง Datatable

สร้างไฟล์ index.php

โดยไฟล์นี้จะเป็นการแสดงข้อมูลที่ได้รับจากไฟล์  server_processing.php

ตัวอย่างการทำงาน

เมื่อมีการเลือกเปลี่ยนหน้า หรือ ค้นหาข้อมูลในช่อง Search Datatable จะส่งข้อมูลไปยังไฟล์  server_processing.php เพื่อ Query ข้อมูลจาก Database และส่งข้อมูลกลับมาแสดงผลในตาราง Datatable