Skip to main content
2 / 2
本文に 780 文字追加
user17014
  • 1,409
  • 2
  • 10
  • 11

このライブラリでは、テーブルのヘッダーをtheadタグで囲う必要があるようです。

    //テーブルヘッダとしてフィールド(カラム)名を出力
    print "<tr>\n";
    $flds = pg_num_fields($result);
    for($i=0; $i<$flds; $i++){
      $field = pg_field_name($result, $i);
      printf("<th abbr=\"%s\">%s</th>\n", $field, $field);
    }
    print "</tr>\n";

の個所を

    //テーブルヘッダとしてフィールド(カラム)名を出力
    print "<thead><tr>\n";
    $flds = pg_num_fields($result);
    for($i=0; $i<$flds; $i++){
      $field = pg_field_name($result, $i);
      printf("<th abbr=\"%s\">%s</th>\n", $field, $field);
    }
    print "</tr></thead>\n";

にしてみてください。

■追記
開示いただいているHTMLのソースをそのまま使わせていただき、jsファイルとcssファイルも配置して実際に動作を確認しましたが、私の環境では上記修正で動作しています。
Chrome、IE、Edgeで動作確認しました。

これで動作しないというのであれば、jqueryやライブラリへのパスの指定が怪しいと思われます。
私の環境では以下のように配置しています。

(document root)/index.html (開示いただいたHTMLを元に修正を加えたファイル)
(document root)/css/style.css (0kbの空ファイル)
(document root)/js/jquery.js (jQuery v3.3.1)
(document root)/js/jquery.tablesorter.min.js (ライブラリファイル)
(document root)/js/script.js (0kbの空ファイル)

ファイルの配置仕方が間違えていないか一度ご確認ください。

ちなみに上記index.htmlではテーブルのヘッダ部分を以下のように記述しています。

  <table id="dblist" summary="PostgreSQLのデータベースの一覧">
  <caption>データベース一覧</caption>
  <thead><tr>
  <th abbr="field_a">field_a</th>
  <th abbr="field_b">field_b</th>
  <th abbr="field_c">field_c</th>
  </tr></thead>
  <tr>
user17014
  • 1,409
  • 2
  • 10
  • 11