问题描述
我有一个逻辑,希望它显示dataTable,当前它显示json格式,需要一些帮助来解决此问题。我将在结果的屏幕截图下方附上我想知道为什么它返回该格式而不是DataTable的原因?
//GET:Data-Using-DataTable.
public ActionResult GeteNtsaDataResults()
{
using (eNtsaRegistration_2 model = new eNtsaRegistration_2())
{
List<eNtsaRegPeopleList> eNtsaRegs = cb.RegPeopleLists.ToList<eNtsaRegPeopleList>();
return Json(new { data = eNtsaRegs },JsonRequestBehavior.AllowGet);
}
}
@{
ViewBag.Title = "People_Lists";
}
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<script src="~/Scripts/jquery.dataTables.min.js"></script>
<script src="~/Scripts/dataTables.bootstrap4.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#dataTable').DataTable({
"ajax": {
"url": "/Home/GeteNtsaDataResults","type": "GET","datatype": "json","dataSrc": ""
},"columns": [
{ "data": "LoginID" },{ "data": "Name" },{ "data": "SSID" },{ "data": "Section" },{ "data": "Role" },{ "data": "LastActivity" },{ "data": "TotalActivity" }
]
});
});
</script>
<div class="container py-4">
<h4 class="text-center text-uppercase"></h4>
<div id="dataTable_wrapper"></div>
<table id="dataTable" class="table table-bordered table-striped">
<thead>
<tr>
<th>LoginID</th>
<th>Name</th>
<th>SSID</th>
<th>Section</th>
<th>Role</th>
<th>LastActivity</th>
<th>TotalActivity</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
解决方法
请参考此示例。 -> https://datatables.net/examples/basic_init/data_rendering.html
从HTML中删除“ tbody”标签。还要为数据表添加相关的CSS。