数据表错误：“请求的未知参数”

Question

var headers = [{ "mDataProp": "Agents" },{ "mDataProp": "Buyer" },{ "mDataProp": "Date" }];
$(document).ready(function () {   
    $('#data-table').dataTable({
        "bFilter": false,
        "bLengthChange": false,
        "iDisplayLength": 25,
        "bJQueryUI": true,
        "bServerSide": true,
        "bProcessing": true,
        "sPaginationType": "full_numbers",
        "aoColumns": headers,
        "sAjaxSource": '/report/TestPaging',         
    });
});

如果我从代码中删除 aoColumns，数据表会正常生成，但是当我添加 aoColumns 时，我会得到：

DataTables 警告（表 id = 'data-table'）：从第 0 行的数据源请求未知参数 'Agents'

HTML：

<table id="data-table">
                <thead>
                    <tr>                          
                        <th>tmp</th>
                        <th>tmp</th>
                        <th>tmp</th>
                    </tr>
                </thead>

                <tbody>
                </tbody>
            </table>

如何配置标头名称？我需要它们来进行分类。 它们必须与“th”标签中的相同吗？ 我的控制器的 Json 响应没问题，因为当我删除 aoColumns 时它呈现正常

我有 string[][](var data) 每行有 3 个字符串，并将其返回为

  Json(new{
            sEcho = param.sEcho,
            iTotalRecords = visitRepository.Query.Count(),
            iTotalDisplayRecords = visitRepository.Query.Count(),
            aaData = data
        }, JsonRequestBehavior.AllowGet);

Answer 1

您遇到的错误是由 JSON 的内容与您的 aoColumns 定义不匹配引起的。您在 aoColumns 中定位的名称必须与 JSON 中的名称​​完全相同，和 JSON 中每个对象的长度必须等于原始 HTML 表格中的列数。有关说明，请参阅docs。在您的情况下，JSON 应该如下所示：

[{
  "Agents": "tM4Ga0zX",
  "Buyer": "ZKwMEiIa",
  "Date": "K3lS2yn9"
},
...]

...而且您的 JSON 不遵循该方案。如果您没有使用aoColumns，那么数据是按索引插入的，而不是按名称插入的——这就是为什么没有它它对您有用。

您可以通过sTitle 属性配置标题名称（标题）：

aoColumns: [
  { mDataProp: "Agents", sTitle : "Agents" }, 
  { mDataProp: "Buyer", sTitle : "Buyer" },
  { mDataProp: "Date", sTitle : "Date" }
]

根据您的问题查看此演示 -> http://jsfiddle.net/kLR7G/