You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Datatables加载时tbody显示loading而非JSON返回数据问题求助

Datatables加载异常排查结果

共有两处配置错误导致无法渲染数据:

  • 列配置属性名拼写错误:Datatables用于声明列的配置项为columns(复数形式),你的代码误写为单数column,导致框架无法识别列映射规则。
  • 数据源路径配置错误:接口返回的列表数据嵌套在response字段下,当前dataSrc: "data"会从响应根节点查找data字段,与实际返回结构不符,需要改为dataSrc: "response.data"。

修正后的初始化代码如下:

$(document).ready(function(){
    $('#datatable').DataTable({
        "ajax": {
            "url": "myurl",
            "type": "GET",
            "dataSrc": "response.data"
        },
        "columns": [
            {'data': 'documentNo'},
            {'data': 'organization'},
            {'data': 'createdBy'},
            {'data': 'documentStatus'},
            {'data': 'description'},
            {'data': 'id'}
        ]
    })
})

补充检查:请确保页面上<table>的<thead>区域定义的<th>数量与上述columns配置的列数一致,否则仍可能出现渲染异常。


内容的提问来源于stack exchange,提问作者PieceofShid

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.30 11:36:02