Jquery Datatable使用原始列生成不同的列

Jquery Datatable使用原始列生成不同的列,jquery,asp.net,ajax,datatable,datatables-1.10,Jquery,Asp.net,Ajax,Datatable,Datatables 1.10,我正在使用DataTableV1.10.13和asp.net web应用程序 我试图用ajax加载数据,但我的一个表单有问题, 当我生成列中不匹配的数据时,出现如下错误: <script> $(document).ready(function () { $('#sample').DataTable({ "processing": true, "serverSide": true, "aja

我正在使用DataTableV1.10.13和asp.net web应用程序

我试图用ajax加载数据,但我的一个表单有问题, 当我生成列中不匹配的数据时,出现如下错误:

<script>
    $(document).ready(function () {
        $('#sample').DataTable({
            "processing": true,
            "serverSide": true,
            "ajax": {
                "url": "/sample/loadtable",
                "method": "POST"
            },
            "columns": [
                { "data": "title", "title": "Header Title" },
                { "data": "message", "title": "Text Header" }
            ],
            "ordering": true,
            "paging": true,
            "pagingType": "full_numbers",
            "pageLength": 10,
            "language": {
                "url": "/js/plugins/tables/datatables/German.json"
            }
        });
    });
</script>
DataTables警告:表id=notifications1sa-为第0行第2列请求的未知参数“2”。有关此错误的详细信息,请参阅

我的javascript如下所示:

<script>
    $(document).ready(function () {
        $('#sample').DataTable({
            "processing": true,
            "serverSide": true,
            "ajax": {
                "url": "/sample/loadtable",
                "method": "POST"
            },
            "columns": [
                { "data": "title", "title": "Header Title" },
                { "data": "message", "title": "Text Header" }
            ],
            "ordering": true,
            "paging": true,
            "pagingType": "full_numbers",
            "pageLength": 10,
            "language": {
                "url": "/js/plugins/tables/datatables/German.json"
            }
        });
    });
</script>

$(文档).ready(函数(){
$('#示例')。数据表({
“处理”:对,
“服务器端”:正确,
“ajax”:{
“url”:“/sample/loadtable”,
“方法”:“发布”
},
“栏目”:[
{“数据”:“标题”,“标题”:“标题”},
{“数据”:“消息”、“标题”:“文本标题”}
],
“排序”:正确,
“分页”:正确,
“pagingType”:“完整编号”,
“页面长度”:10,
“语言”:{
“url”:“/js/plugins/tables/datatables/derman.json”
}
});
});
我的HTML是这样的:

<div class="panel panel-flat">
<table id="sample" class="table" style="width: 100%">
</table>


这里,您正在调用document.ready中的datatable,它将在dom创建后调用。然后你正在加载你的数据。这就是为什么它不工作的原因

在ajax请求成功时调用datatable查看。如果数据属性不存在,可以指定要使用的默认值:

...
columns: [
  { data: "title", 
    title: "Header Title" 
    defaultContent: '(not set)'
  },
  { data: "message", 
    title: "Text Header" 
    defaultContent: '(not set)'
  }
],
...