jquery - 如何刷新 Bootstrap 表数据

我有一个带有以下代码的 Bootstrap 表。

<table id="tblPendingRequests" data-height="300">
   <thead>
     <tr>
         <th data-field="Version">Version</th>
         <th data-field="Env">Env</th>
         <th data-field="Release">Release</th>
         <th data-field="CreatedBy">Created By</th>
         <th data-field="Action">Action</th>
     </tr>
  </thead>
</table>

还添加了以下引用文献。

function loadData(){
    $(function () {
        $('#tblPendingRequests').bootstrapTable({});
    });
}

然后我使用以下代码行将一些数据加载到该表

var mydata = { 
    "Version": data[index].DeploymentName, "Env": data[index].EnvName, 
    "Release":data[index].ReleaseName, "CreatedBy": data[index].UpdatedBy  
    "Action": ActionButton 
};          
testData.push(mydata);
updateData(testData);
function updateData(myData) {
    $('#tblPendingRequests').bootstrapTable("append", myData);
}

数据显示正常。我的页面上有一个项目下拉列表。当项目名称更改时，我想用新数据填充此表。它没有发生。它将数据附加到我不想要的现有表数据中。如何刷新表并在表中加载新数据。

最佳答案

您遵循的方法是正确的，除了在 mydata 中 Action 之前缺少逗号

还要确保 data[index].DeploymentName 等值存在。

Working Fiddle

更新

使用load函数而不是append

CHECK THIS

关于jquery - 如何刷新 Bootstrap 表数据，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27915296/