0

这是一个类似的问题：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>
4

1 回答 1

1

替换这一行：

<table id="races">

和：

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

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

于 2012-08-02T09:54:28.853 回答