PHP動的データクリックテーブルヘッダーのソートの問題

列ヘッダーをクリックして並べ替える場合、テーブルのコンテンツは動的データであり、ヘッダー出力は固定されており、コンテンツにはループ内に 1 行 (1 つの tr) の出力しかありません。インターネット上のあらゆる種類の固定データ。動的データソート用のコードを探しています。理解しやすくするために、少しコードを書くのが最善です。

ディスカッションへの返信(解決策)

1行しかないのですが、並べ替えた結果を表示するにはどうすればよいですか?

<table>      <tr>           <td onclick="sortData()" data-sort='asc' class='head'>表头</td>      </tr>      <tr class='data'>           <td>数据</td>      </tr></table>

1 データベースの負荷を考慮しない場合は、次のような簡単なデモを行うことができます。
sortData() の js を使用して、データベースにリクエストを行うイベントをトリガーできます。希望する順序に並べ替えます。
後ろの data-sort 属性に注意してください。これは現在の並べ替え順序の記録です。
ルールは、後で既存のページ ラベルを置き換えるラベルを使用することです。データを非同期でクエリする

2. データベースをクエリしたくない場合は、データクラスに従って意図的にすべてのデータを配置します タグを見つけて、js を使用してページタグを並べ替えて置換します

方法は問いませんこれを実装するには、ページの元のソートされたタグ要素を置き換える必要があります

      function sortData(){     var sortString = $(".head").attr('data-sort');      //获取你的查询条件 和sortString     //ajax请求    $(".data").remove();//把以前的数据移除掉    //拼接数据 替换     }

1 これは、データベースの負荷を考慮しない場合、実際には非常に簡単です。これにより、簡単なデモが得られます。
sortData() の js を使用してイベントをトリガーし、ajax を使用してデータベースを希望の順序で再配置するように要求できます。これは、後ろの data-sort 属性に注意してください。現在の並べ替え順序。
原則として、データをクエリする非同期リクエストの後にタグを使用して既存のページ タグを置き換えます。
2. データベースをクエリしたくない場合は、意図的にすべてのデータ タグを検索します。データクラスで、js を使用してページタグを並べ替えて置き換えます

どのように実装しても、ページの元の並べ替えタグ要素を置き換える必要があります


さて、ありがとうございます。思い出したので、テーブルヘッダーに a タグを追加し、トリガーイベントを指定してデータベースをクエリするパラメーターを変更し、ページをリロードしました。