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
相关产品推荐
相关产品推荐

