如何使dataTable显示表头不是Json格式？

如何解决如何使dataTable显示表头不是Json格式？

我有一个有效的代码，问题是我的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>