JQuery, PHP, MySQL сортировка таблиц с помощью TableSorter
Я делаю очень простой сайт, на котором мне нужно иметь систему сортировки таблиц, у меня настроена таблица, она возвращает данные из таблицы MySQL, но я не могу сортировать строки, есть идеи?
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="main.css"/>
<title>Assessment 2</title>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="jquery.tablesorter.js"></script>
<script type ="text/javascript">
$(document).ready(function()
{
$("products").tablesorter();
}
);
</script>
</head>
<body>
<?php
include '\navigation\navigation.php';
?>
<div class="center">
<h1>Products</h1><?php
include "connectionlocalhost.php";$query = "SELECT * FROM products";
$result = mysqli_query($connection, $query) or exit ("Error $query . ".mysqli_error());
echo "<table border='1' id='products' class='tablesorter'>
<thead>
<tr>
<th>Product Name</th>
<th>Product Price</th>
<th>Product Image</th>
</tr>
</thead>
<tbody>";
while ($row = mysqli_fetch_assoc($result)){
echo "<tr>";
echo "<td>". $row['productname'] . "</td>";
echo "<td>". $row['productprice'] . "</td>";
echo "</td>";
}
mysqli_free_result($result);echo "</tbody></table>";
?>
</div>
</body>
</html>
Я знаю, что один из столбцов пуст, просто для тестирования, я думал, что произошла ошибка с запросом MySQL.
Решение
Вам нужно добавить знак фунта # в «продукты» для:
$("products").tablesorter();
в отношении / ссылки на «идентификатор» таблицы
<table border='1' id='products' class='tablesorter'>
изменить это на:
$("#products").tablesorter();
Другие решения
Других решений пока нет …