DataTables数据样式HTML与PHP实现示例
以下是一个使用DataTables实现数据样式的示例，结合HTML和PHP进行实现。通过这种方式，可以动态生成表格，并添加丰富的样式和功能，使数据展示更为直观和美观。
示例代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>DataTables示例</title>
<link href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css" rel="stylesheet"/>
[removed][removed]
[removed][removed]
</head>
<body>
姓名
职位
办公室
年龄
开始日期
工资
<?php
$conn = new mysqli('localhost', 'username', 'password', 'database');
if ($conn->connect_error) {
die('连接失败: ' . $conn->connect_error);
}
$sql = 'SELECT name, position, office, age, start_date, salary FROM employees';
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
echo '';
echo '' . $row['name'] . ' ';
echo '' . $row['position'] . ' ';
echo '' . $row['office'] . ' ';
echo '' . $row['age'] . ' ';
echo '' . $row['start_date'] . ' ';
echo '' . $row['salary'] . ' ';
echo ' ';
}
} else {
echo '0 结果';
}
$conn->close();
?>
[removed]
$(document).ready(function() {
$('#example').DataTable();
});
[removed]
</body>
</html>
文件大小：151.59KB
评论区