javascript - ajax リフレッシュによるテーブル ヘッダーの修正

Question

HTML で ajax を使用してテーブルの内容を更新すると、テーブルがソートされません。テーブルのコンテンツを更新してテーブルのヘッダーを並べ替えて修正するための最良の方法を提案できますか。至急、できるだけ早く再生してください。ありがとうございます。

Answer 1

テーブル ヘッダーに thead を使用し、tbody でデータを呼び出すことができます。

次の ajax コードを使用します。

$.ajax({
        type: "POST",
        url: 'example.xml',           // url from where you want to get data
        data: xml,                  // data form
        success: function (data) {
            $('tbody').append('<tr><td>'+data+'</td></tr>')'
        }
    });

ajax 呼び出しの後、このような html 構造が得られる場合があります。

<table>
    <thead>
       <tr>
           <th></th>
       </tr>
    </thead>
    <tbody>
       <tr>
           <td></td>
       </tr>
       <tr>
           <td></td>
       </tr>
    </tbody>
</table>