我有一个函数可以构建动态表格。我在想如何将每一列设置为来自数据库的不同数据集。目前,每一列都显示相同的值。
背景:我正在构建一个具有6列和很多行的表格(这取决于数据库中有多少数据)。目前,它只在所有6列中显示一列,因此它们重复了。
如何为这6列设置不同的值?
这里是ajax调用:
背景:我正在构建一个具有6列和很多行的表格(这取决于数据库中有多少数据)。目前,它只在所有6列中显示一列,因此它们重复了。
如何为这6列设置不同的值?
function addTable() {
var len = errorTableData.length;
var myTableDiv = document.getElementById("myDynamicTable");
var table = document.createElement('TABLE');
table.border='1';
table.id = "dataTable";
var tableBody = document.createElement('TBODY');
table.appendChild(tableBody);
for (var i=0; i<len; i++){
var tr = document.createElement('TR');
tr.className = "rowEditData";
tableBody.appendChild(tr);
for (var j=0; j<6; j++){
var countyName = errorTableData['CountyName'][i];
var stateName = errorTableData['StateName'][i];
var td = document.createElement('TD');
td.className = "mdl-data-table__cell--non-numeric";
td.appendChild(document.createTextNode(countyName));
td.appendChild(document.createTextNode(stateName));
tr.appendChild(td);
}
}
myTableDiv.appendChild(table);
}
这里是ajax调用:
function triggerDataTable(index) {
// Make AJAX requests for model systems
$.ajax({
type: "POST",
url: "qry/getAllData.php",
async: true,
dataType: "html",
data: {ErrorOptions: control.settings.errorOptions},
success: function (result) {
//console.warn(result);
errorData = JSON.parse(result);
//loop through data
var len = errorData.length;
for(i=0; i<len; i++) {
if ('VersionKey' in errorData[i]) {
vKey = (errorData[i]['VersionKey']);
} else if ('ErrorCode' in errorData[i]) {
var errorCode = (errorData[i]['ErrorCode']);
} else if ('SourceKey' in errorData[i]) {
var sourceKey = (errorData[i]['SourceKey']);
} else { //data here
errorTableData = errorData[i];
}
}
addTable();
}
});
}
errorData是来自数据库的数据。如您所见,我已尝试添加2个变量,但这样做只会将它们放在同一个框中,并在整个表格中重复。