Javascript Bootstrap：动态表上的数据排序

我有一个引导表，如下所示：

<table id="fullDataTable"
                class="table table-bordered"
                data-toggle="table" 
                data-classes="table"
                data-striped="true"
                data-sort-name="numFrame"
                data-sort-order="desc">
                <thead>
                    <tr>
                            <th class="col-sm-1"
                      data-field="numFrame"
                      data-sortable="true">numFrame</th>
                            <th class="col-sm-1"
                      data-field="timeStamp"
                      data-sortable="false">timeStamp</th>
                            <th class="col-sm-1"
                      data-field="id_robot"
                      data-sortable="false">idRobot</th>
                    </tr>
                </thead>
                <tbody id="dataTable">
                </tbody>
            </table>

numFrame
时间戳
智能机器人

然后，使用Javascript动态填充MySQL数据库中的值：

socket.on('gotDataQuality', function(message) {
if(message == 0){
    alert('No Quality datas for this session');
    clearElement("dataTable");
}else{  
    clearElement("dataTable");
    for (var i = message.length-1; i >= 0; i--) { 
        $('#dataTable').prepend('<tr><td>'+message[i].numFrame+'</td><td>'+message[i].timeStamp+ '</td><td>'+message[i].idRobot+'</td></tr>');
    }
}
});

socket.on（'gotDataQuality'，函数（消息）{
如果（消息==0）{
警报（“此会话没有质量数据”）；
clearElement（“数据表”）；
}否则{
clearElement（“数据表”）；
对于（var i=message.length-1；i>=0；i--）{
$（'#dataTable'）.prepend（''+消息[i].numFrame+''+消息[i].timeStamp+''+消息[i].idRobot+''）；
}
}
});

表格填写正确，但当我尝试对其进行排序时（通过单击其中一个可排序标题），表格的内容将被删除。我不完全确定

数据排序

元素是如何工作的，我能做些什么来解决这个问题

您可以使用

你可以利用这个例子

var选项={
valueNames:['id'、'firstname'、'lastname'、'username']
};
var userList=新列表（“表”，选项）
.table[数据排序]{
光标：指针；
}
.table[数据排序]：：之后{
左边缘：.25rem；
内容：url（'data:image/svg+xml；utf8'）；
}

#
名字
姓
用户名
1.
做记号
奥托
@mdo
2.
雅各布
桑顿
@肥
3.
拉里
鸟
@推特
您可以使用

你可以利用这个例子


var选项={
valueNames:['id'、'firstname'、'lastname'、'username']
};
var userList=新列表（“表”，选项）
.table[数据排序]{
光标：指针；
}
.table[数据排序]：：之后{
左边缘：.25rem；
内容：url（'data:image/svg+xml；utf8'）；
}

#
名字
姓
用户名
1.
做记号
奥托
@mdo
2.
雅各布
桑顿
@肥
3.
拉里
鸟
@推特