Я использую загрузочную таблицу , чтобы создать таблицу и поместить в нее сетку дерева, как показано в примере. Но я просто не могу заставить его работать. Я построил свой код на основе примера и отвечаю здесь .
Вот мой код.
HTML:
<div class="table-responsive table-custom">
<table id="tableData" class="table table-hover table-sm"></table>
</div>
JavaScript:
success: function (result) {
// I have got three fields which need to be put as columns. And I want Request ID to contain the grid element.
var html = '<thead><tr><th data-field="RequestID">Request ID</th><th data-field="Date">Date</th><th data-field="Message">Message</th></tr></thead>'
var requestID = null;
for (var i = 0; i < result.length; i++) {
if (requestID != result[i].RequestID) {
requestID = result[i].RequestID;
result[i].ParentID = 0;
result[i].RequestID = result[i].RequestID;
result[i].Message = result[i].Message;
}
else {
requestID = result[i].HelpRequestID;
result[i].ParentID = result[i].RequestID;
result[i].RequestID = result[i].RequestID;
result[i].Message = result[i].Message;
}
}
$("#tableData")[0].innerHTML = html;
//bootstrap table code here
$table.bootstrapTable({
data: result,
striped: true,
height: $(window).height(),
idField: 'HelpRequestID',
treeShowField: 'HelpRequestID',
parentIdField: 'ParentID',
});
}