我正在尝试在 jQuery 表中显示 MySQL 表中的数据(来自http://www.datatables.net)。使用纯 HTML 文本,jQuery 表格功能可以完美运行,但是一旦我从数据库中提取数据,所有 jQuery 表格功能就会停止工作(排序、搜索、分页等)
我已经用谷歌搜索了它并首先开始构建我自己的分页功能,但后来我意识到桌子上的所有 jQuery 功能都被禁用了,所以我假设我的代码中的某些东西正在禁用这些功能。
我在下面放置了完整的表格代码:
<!-- table -->
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header" data-original-title>
<h2><i class="halflings-icon user"></i><span class="break"></span>Tickets</h2>
<div class="box-icon">
<a href="#" class="btn-setting"><i class="halflings-icon wrench"></i></a>
<a href="#" class="btn-minimize"><i class="halflings-icon chevron-up"></i></a>
<a href="#" class="btn-close"><i class="halflings-icon remove"></i></a>
</div>
</div>
<div class="box-content">
<?php
$username="dbusername";
$password="password";
$database="dbname";
mysql_connect(localhost,$username,$password);
@mysql_select_db($database) or die( "Unable to select database");
$query="SELECT * FROM jobs ORDER BY job_date DESC LIMIT 50";
$result=mysql_query($query);
$num=mysql_numrows($result);
mysql_close();
?>
<table class="table table-striped table-bordered bootstrap-datatable datatable">
<thead>
<tr>
<th>Name</th>
<th>Job</th>
<th>Date</th>
<th>Time</th>
<th>Actions</th>
</tr>
</thead>
<?php
$i=0;
while ($i < $num) {
$f1=mysql_result($result,$i,"job_id");
$f2=mysql_result($result,$i,"job_title");
$f3=mysql_result($result,$i,"job_duration");
$f4=mysql_result($result,$i,"job_rigid");
$f5=mysql_result($result,$i,"job_userid");
?>
<tbody>
<tr>
<td><?php echo $f1; ?></td>
<td class="center"><?php echo $f2; ?></td>
<td class="center"><?php echo $f3; ?></td>
<td class="center"><span class="label label-success"><?php echo $f4; ?></span>
</td>
<td class="center">
<a class="btn btn-success" href="#">
<i class="halflings-icon zoom-in halflings-icon"></i>
</a>
<a class="btn btn-info" href="#">
<i class="halflings-icon edit halflings-icon"></i>
</a>
<a class="btn btn-danger" href="#">
<i class="halflings-icon trash halflings-icon"></i>
</a>
</td>
</tr>
</tbody>
<?php
$i++;
}
?>
</table>
</div>
</div><!--/span-->
</div><!--/row-->
<!-- end: Content -->
</div><!--/#content.span10-->
</div><!--/fluid-row-->