我创建了一个数据库,其中包含一次跑步中的人以及他们所跑的回合数。之后,我创建了这个脚本,它创建了一个html图表。
脚本:
<?php
$db = new PDO("mysql:host=HIDDEN;dbname=HIDDEN", 'HIDDEN', 'HIDDEN') or die ("Verbindung nicht möglich");
$query_temp = $db->prepare("SELECT * FROM runners");
$query_temp->bindParam(':id', $id);
$id = 1;
$query_temp->execute();
echo '<table class="table table-hover">';
echo '<tr>';
echo '<th>ID</th>';
echo '<th>Name</th>';
echo '<th>Runden</th>';
echo '</tr>';
while($id_table = $query_temp->fetch(PDO::FETCH_ASSOC)) {
echo '<tr>';
echo '<td>'.$id_table['runner_id'].'</td>';
echo '<td>'.$id_table['runner_name'].'</td>';
echo '<td>'.$id_table['runner_rounds'].'</td>';
echo '</tr>';
}
echo '</table>';
?>
数据库:http://img.prntscr.com/img?url=http://i.imgur.com/WklMcTG.png
屏幕截图:http://img.prntscr.com/img?url=http://i.imgur.com/v2zbOSu.png
现在,我想让用户能够根据他们跑的回合数对人进行排序。就像大多数人都在第一位。我该怎么做?
要做到这一点,您需要一个js插件并将HTML动态化。有很多插件可以制作它,并将向您列出其中的一些:
- 数据表
- 表格分类器
每个插件的工作方式不同,但最终它们的行为几乎相同,然后你需要检查它们的文档并尝试运行。。。
您应该将DataTables与jQuery 一起使用