Ich möchte ein Datatable in ein Theme implementieren, das die Daten über eine Ajax-Anfrage erhält. Sobald das Dokument geladen ist, erstelle ich den HTML-Teil für die Datentabelle. Das Problem ist: Wenn ich auf eine Sortierfunktion klicke (zum Beispiel eine Zeile aufsteigend sortieren), werden die ursprünglichen Daten zum Sortieren verwendet (die in der .php-Datei angegeben sind), anstatt die neue JQuery-Datei zu laden. Also muss ich wahrscheinlich die Datentabelle oder irgendetwas anderes neu initialisieren?

HTML-Teil:

<tbody id="accountList">
    <!-- List all accounts -->
    <tr>
        <td>username@hostname-de</td>
        <td>PS</td>
        <td>350000</td>
        <td>45000</td>
        <td>Victor Ibarbo</td>
        <td>30 / 30</td>
        <td>224500</td>
        <td><label class="label label-success">Online</label></td>
    </tr>
</tbody>

JQuery Teil:

function buildAccountList(){
    $.ajax({
        url: "/database/accounts.php",
      ,  type: "POST",
        data: {action: "selectAccounts"},
        success: function (response) {
            var opt = '';
            $.each(response, function(i, e){
                opt +='<tr>';
                opt += '<td>' + e.email + '</td>';
                opt += '<td>' + e.platform + '</td>';
                opt += '<td>' + e.coins + '</td>';
                opt += '<td>' + e.password + '</td>';
                opt += '<td>' + e.tradepileCards + '</td>';
                opt += '<td>' + e.tradepileValue + '</td>';
                opt += '<td>' + e.enabled + '</td>';
                opt += '</tr>';
            });
            $('#accountList').html(opt);
        },
        dataType: "json"
    });
}

Die Erstellung der Tabelle funktioniert einwandfrei, aber wie ich beschrieben habe, wird beim Drücken einer Sortierfunktion die alte Tabelle verwendet (die in der HTML-Datei angegeben ist). Ich hoffe ihr könnt mir helfen.