微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

DataTable不显示仅返回json格式吗?

如何解决DataTable不显示仅返回json格式吗?

我有一个逻辑,希望它显示dataTable,当前它显示json格式,需要一些帮助来解决此问题。我将在结果的屏幕截图下方附上我想知道为什么它返回该格式而不是DataTable的原因?

enter image description here

//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。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。