Question

这是与此类似的问题：Mysql PHP generated table: doesn't work with Tablesorter

但是，有一点不同：我直接在同一个文件中生成表，而不是外部文件，因此.load不是一个选项。

我的代码：

<html>
 <head>
  <title>Tablesorter testing page</title>

  <link rel="stylesheet" href="style.css" type="text/css"/>

  <script src="jquery.js" type="text/javascript"></script>
  <script src="jquery.tablesorter.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(document).ready(function() { 
        $("#races").tablesorter();
    }); 
  </script>
 </head>
<body>
 <?php
    $db = new mysqli("localhost", "user", "password", "database");

    $query = "SELECT name, date FROM races";

    $result = $db->query($query, MYSQLI_STORE_RESULT);

    $o = '<table id="races"><thead><tr><th>Name</th><th>Date</th></tr></thead><tbody>';

    while(list($name, $date) = $result->fetch_row()) {
        $o .= '<tr><td>'.$name.'</td><td>'.$date.'</td></tr>';
    }

    $o .= '</tbody></table>';

    echo $o;
?>
</body>
</html>

问题是表没有格式化，好像在空表上调用Tablesorter一样？如果我硬编码一个html表，那么Tablesorter就可以正常工作。

那么，我该如何让它发挥作用？

编辑：下面是生成的.html代码

<html>
     <head>
      <title>Tablesorter testing page</title>

      <link rel="stylesheet" href="style.css" type="text/css"/>

      <script src="jquery.js" type="text/javascript"></script>
      <script src="jquery.tablesorter.js" type="text/javascript"></script>
      <script>
        $(document).ready(function() { 
            $("#races").tablesorter();
        }); 
      </script>
     </head>
    <body>
     <table id="races">
<thead><tr><th>Name</th><th>Date</th></tr></thead>
<tbody><tr><td>Race 1</td><td>2012-01-01</td></tr><tr><td>Race 2</td><td>2012-01-01</td></tr></tbody></table>
</body>
</html>

Answer 1

替换此行：

<table id="races">

使用：

<table id="races" class="tablesorter">

我也在使用这个jquery插件，并且在我将这个CSS类添加到我的表之前遇到了这个问题。您必须确保您的CSS文件包含tablesorter CSS类的CSS代码。

jQuery Tablesorter不适用于使用php生成的表

1 个答案: