我一直在努力使我的Tabes排序并偶然发现了tableorter。
所以我安装它并遵循Documentation
可悲的是,我在第一步失败了,不知道为什么。
继承头标记中的脚本:
<head>
<meta charset="utf-8">
<script src="components/com_memberportal/events/jquery.tablesorter.min.js"></script>
<script src="components/com_memberportal/events/jquery.tablesorter.pager.js"></script>
<script>
jQuery(function($) {
$("table")
.tablesorter({widthFixed: true, widgets: ['zebra']})
.tablesorterPager({container: $("#pager")});
$("#EventTable").tablesorter();
});
</script>
</head>
路径是正确的我检查了。所以继承我的桌子:
<table id="EventTable" class="tablesorter">
<thead>
<tr>
<th>Date</th>
<th>Type</th>
<th>Speaker</th>
<th>Subject</th>
</tr>
</thead>
<tbody>
<?php
while($row = mysqli_fetch_array($searchresult)):
$date = explode("-", $row['event_date']);
$time_gone = explode(" ", $date[2]);
$date_table = $time_gone[0] . "." . $date[1] . "." . $date[0];
?>
<tr>
<td><?php echo $date_table;?></td>
<td><?php echo $row['event_type_name'];?></td>
<?php
$UserLink = "https://www.myhost.com/website/index.php?option=com_memberportal&view=profile&" . $row['firstname'] . "-" . $row['lastname'];
echo '<td><a href="' . $UserLink . '">', $row['firstname'], " " ,$row['lastname'] . '</a></td>';
$EventLink = "https://www.myhost.com/website/index.php?option=com_memberportal&view=event&" . $row['event_date'] . "&" . $row['event_subject'];
echo '<td><a href="' . $EventLink . '">', $row['event_subject'] . '</a></td>';
?>
</tr>
<?php endwhile;?>
</tbody>
</table>
基本上我有一个列出4列事件的表(日期,类型,说话者,主题)。
表中的所有信息都来自我的mysql数据库。我知道它是文档中的硬编码表,但我认为它仍然适用于我的,只要我在正确的部分周围包装正确的标签。
谁知道我做错了什么?
编辑:我的html表的图片