问题描述
我有一个有效的代码,问题是我的DataTable仅显示Json格式。我如何解决此问题,使其具有带有表头和数据网格的漂亮GUI?根据下面给出的逻辑,我到底缺少什么?
@{
ViewBag.Title = "People_Lists";
}
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<script src="~/Scripts/jquery-3.5.1.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<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"
},"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>
</table>
</div>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)