PHP和html表格，使用tablesorter javascript

Question

我已经设置了在使用基本 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> ';
}    

有人有什么想法吗？对编码很陌生，现在这真的让我很烦恼，因为我尝试了很多方法，但在调用数据时似乎没有任何效果。

Answer 1

您的表头回显语句也在循环中。取出 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> ';