worksohp  :  DataTable + PHP + MySQL  แบบง่ายสไตล์ devbanban นะครับ     อย่างที่ได้กล่าวไปแล้วในบทความ   การใช้งาน data table อย่างง่ายๆ ตอนที่ 1      และ  WE.12 การใช้งาน data table ร่วมกับ Dreamweaver + php + database  การใช้ datatable แบบง่ายๆ    ส่วนใน workshop นี้จะเอา mysqli เข้าใช้นะครับ เพราะมีคนหาตัวอย่างกันเยอะมากๆ    มาดูลูกเล่นที่เด่นๆ

  • แสดงข้อมูลในตารางอย่างเป็นระเบียบ
  • มีระบบค้นหาข้อมูลแม่นมากๆ Realtime ด้วยนะ
  • มีระบบเรียงลำดับข้อมูล
  • มีการแบ่งหน้าให้อัตโนมัติ และแสดงข้อมูลหน้าถัดไป
  • มีการแสดงผลรวมของข้อมูลอย่างถูกต้อง
  • สามารถแสดงตารางแบบ Responsive ได้
  • และที่สำคัญเอามาใช้ฟรี จ้าาา

มาสร้างตารางที่ใช้กันก่อนนะครับ   ผมตั้งชื่อตารางตัวอย่างว่า tb_member     ส่วนฐานข้อมูลตั้่งชื่อว่า myproduct   และในตารางตัวอย่างมีข้อมูลตัวอย่างให้ทดลองด้วยนะ

 (export มาจาก  XAMPP Apache + MariaDB + PHP + Perl  for Windows 5.5.38)

 

ต่อไปการสร้างการเชื่อมต่อฐานข้อมูล ตั้งชื่อไฟล์่ว่า conn.php  root คือ username , password คือ รหัสที่ใช้ในการเชื่อมต่อฐานข้อมูล  *ถ้าไม่ได้ตั้งไว้ก็ลบ password ออกครับ หรือเปลียนตามที่เราตั้ง

 

มาที่พระเอกของเรา  datatable.php  (อาจตั้งชื่อไหนก็ได้เช่น  devbanban.php  หึๆ )  คำอธิบาย code ก็อยู่ในคอมเม้นนะจ๊ะ

 

ผลการทำงาน

 

ปรับแต่งเพิ่มเติม 

  • การเรียงลำดับ DESC   “aaSorting” :[[0,’desc’]]
  • การเลือกช่วงแสดงข้อมูล “lengthMenu” : [[20,50,100, -1], [20,50,100,”All’]]

 

ลองปรับแต่งเพิ่มเติมได้ตามคู่มือที่  :    https://datatables.net/

 

 

 

มีความสนใจเทคโนโลยีที่ใช้พัฒนาเว็บไซต์ และอยากแบ่งปันความรู้ด้านการพัฒนาเว็บไซต์และอื่นๆอีกมากมาย…

(Visited 2,042 times, 14 visits today)