jquery - 数据表生成与原始列不同的列

Question

我正在使用数据表 v1.10.13 和 asp.net 网络应用程序。

我正在尝试使用 ajax 加载数据，但是当我生成列中不匹配的数据并且我收到如下错误时，我的一种形式出现问题：

DataTables 警告：表 id=notifications1sa - 请求第 0 行第 2 列的未知参数“2”。有关此错误的更多信息，请参阅http://datatables.net/tn/4

我的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>

我的 HTML 是这样的：

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

标签： jqueryasp.netajaxdatatabledatatables-1.10

Answer 1

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

ajax请求成功调用数据表