ตาราง tb_member
ฐานข้อมูล myproduct

CREATE TABLE `tb_member` (
  `mem_id` int(8) NOT NULL,
  `mem_name` varchar(50) NOT NULL,
  `mem_last` varchar(50) NOT NULL,
  `mem_email` varchar(20) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

--
-- Dumping data for table `tb_member`
--

INSERT INTO `tb_member` (`mem_id`, `mem_name`, `mem_last`, `mem_email`) VALUES
(1, 'เก่งมาก', 'เก่งมาก', 'no@hotmail.com'),
(2, 'เรียนดี', 'เรียนดี', 'aaa@live.com'),
(3, 'ขยันดี', 'ขยันดี', 'aaa@hotmail.com'),
(4, 'ผู้ทดสอบ', 'ทดสอบระบบฐานข้อมูล', 'test@test.com'),
(5, 'ผู้ทดสอบระบบ', 'ทดสอบระบบฐานข้อมูล', 'test@test.com'),
(6, 'ผู้ทดสอบระบบ', 'ทดสอบระบบฐานข้อมูล', 'test@test.com'),
(7, 'ผู้ทดสอบระบบ', 'ทดสอบระบบฐานข้อมูล', 'test@test.com'),
(8, 'ผู้ทดสอบระบบ', 'ทดสอบระบบฐานข้อมูล', 'test@test.com'),
(9, 'aaa', 'ทดสอบระบบฐานข้อมูล', 'aa@aa'),
(10, 'bbb', 'ทดสอบระบบฐานข้อมูล', 'a@a');

--
-- Indexes for dumped tables
--

--
-- Indexes for table `tb_member`
--
ALTER TABLE `tb_member`
  ADD PRIMARY KEY (`mem_id`);

--
-- AUTO_INCREMENT for dumped tables
--

--
-- AUTO_INCREMENT for table `tb_member`
--
ALTER TABLE `tb_member`
  MODIFY `mem_id` int(8) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=11;

conn.php

<?php
$con= mysqli_connect("localhost","root","password","myproduct") or die("Error: " . mysqli_error($con));
mysqli_query($con, "SET NAMES 'utf8' ");
?>

datatable.php

<meta charset="UTF-8">
<title>dataTables example by devbanban.com</title>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css">

<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js">
</script>
<script> 
$(document).ready(function() {
$('#example').DataTable();
} );
</script>

<?php
//1. เชื่อมต่อ database: 
include('conn.php'); //ไฟล์เชื่อมต่อกับ database ที่เราได้สร้างไว้ก่อนหน้าน้ี

//2. query ข้อมูลจากตาราง tb_member: 
$query = "SELECT * FROM tb_member" or die("Error:" . mysqli_error()); 
//3.เก็บข้อมูลที่ query ออกมาไว้ในตัวแปร result . 
$result = mysqli_query($con, $query); 
//4 . แสดงข้อมูลที่ query ออกมา โดยใช้ตารางในการจัดข้อมูล:

echo "<table id='example' class='display' cellspacing='0' border='1'>";
//หัวข้อตาราง
echo "<thead>";
echo "<tr>";
echo "<th>รหัส</th><th>ชื่อ</th><th>นามสกุล</th><th>อีเมล์</th>";
echo "</tr>";
echo "</thead>";
while($row = mysqli_fetch_array($result)) { 
echo "<tr>";
echo "<td>"."<center>" .$row["mem_id"] ."</center>"."</td> "; 
echo "<td>" .$row["mem_name"] . "</td> ";
echo "<td>" .$row["mem_last"] . "</td> ";
echo "<td>" .$row["mem_email"] . "</td> ";
echo "</tr>";
}
echo "</table>";
//5. close connection
mysqli_close($con);
?>
<!--
reference : https://datatables.net/examples/basic_init/zero_configuration.html

-->

lllll