PHP and html table, using tablesorter javascript

本文关键字：using tablesorter javascript table and html PHP 更新时间：2023-09-26

我已经设置了表格排序器，它在使用基本的html表格时有效。我现在正在尝试从有效的数据库中调用数据，但由于某种原因，每个集合都有自己的标题，然后阻止我对数据进行排序。

由于代表：http://awesomescreenshot.com/0f13xu5l6f 链接到屏幕截图

这是正在使用的代码...

echo '<script type="text/javascript">
$(document).ready(function() 
    { 
        $("#myTable").tablesorter(); 
    } 
); 
</script>';
while($info = mysql_fetch_array($queryRetrieve, MYSQL_ASSOC)) 
{               
    echo ' <table id="myTable" class="tablesorter">';
    echo ' <thead> ';
    echo ' <tr> ';
    echo '    <th>Fullname</th> ';
    echo '      <th>Age</th> ';
    echo '     <th>Email</th> ';
    echo '    <th>Contact no.</th> ';
    echo '   <th>Date Joined</th> ';
    echo ' </tr> ';
    echo ' </thead> ';
    echo ' <tbody> ';
    echo ' <tr> ';
    echo '     <td>'.$info["mFN"].'';
    echo '      &nbsp'.$info["mSN"].'';
    echo '    <td>'.$info["mAge"].'</td> ';
    echo '    <td>'.$info["mEmail"].'</td>';
    echo '    <td>'.$info["mPhone"].'</td> ';
    echo '    <td>'.$info["mDateJoined"].'</td> ';
    echo ' </tr> ';
    echo ' </tbody> ';
    echo ' </table> ';
}

有人有什么想法吗？编码新手，这现在真的很困扰我，因为我尝试了很多方法，但在调用数据时似乎没有任何效果。

您的表头回显语句也在循环中。取出 while 循环中的所有内容，除了这部分：

echo ' <tr> ';
echo '     <td>'.$info["mFN"].'';
echo '      &nbsp'.$info["mSN"].'';
echo '    <td>'.$info["mAge"].'</td> ';
echo '    <td>'.$info["mEmail"].'</td>';
echo '    <td>'.$info["mPhone"].'</td> ';
echo '    <td>'.$info["mDateJoined"].'</td> ';
echo ' </tr> ';

所以你的代码应该看起来像这样：

echo '<script type="text/javascript">
      $(document).ready(function() 
      { 
          $("#myTable").tablesorter(); 
      });
      </script>';

echo ' <table id="myTable" class="tablesorter">';
echo ' <thead> ';
echo ' <tr> ';
echo '    <th>Fullname</th> ';
echo '      <th>Age</th> ';
echo '     <th>Email</th> ';
echo '    <th>Contact no.</th> ';
echo '   <th>Date Joined</th> ';
echo ' </tr> ';
echo ' </thead> ';
echo ' <tbody> ';
while($info = mysql_fetch_array($queryRetrieve, MYSQL_ASSOC)) 
{
    echo ' <tr> ';
    echo '     <td>'.$info["mFN"].'';
    echo '      &nbsp'.$info["mSN"].'';
    echo '    <td>'.$info["mAge"].'</td> ';
    echo '    <td>'.$info["mEmail"].'</td>';
    echo '    <td>'.$info["mPhone"].'</td> ';
    echo '    <td>'.$info["mDateJoined"].'</td> ';
    echo ' </tr> ';
}
echo ' </tbody> ';
echo ' </table> ';