Javascript jQuery dataTable错误无法读取未定义的属性“mData”

Javascript jQuery dataTable错误无法读取未定义的属性“mData”,javascript,jquery,datatable,datatables,Javascript,Jquery,Datatable,Datatables,我有下面的数据表,它有6列 在呈现表之后,我正在初始化.DataTable。但是得到错误: 未定义类型的“mData”错误:无法读取未定义类型的属性“mData” 正如在几篇文章中提到的,我已经添加了tfoot,但仍然存在错误 $document.readyfunction{ $'pTable'。数据表; }; 地位 名称 诺克 电话 我迷路了 添加/编辑 288f60e3-0d8f-4a4a-92f9-4f4eeb737909 忙碌的 巴迪1 某人 12354475541 符合事实的 编辑

我有下面的数据表,它有6列

在呈现表之后,我正在初始化.DataTable。但是得到错误:

未定义类型的“mData”错误:无法读取未定义类型的属性“mData”

正如在几篇文章中提到的,我已经添加了tfoot,但仍然存在错误

$document.readyfunction{ $'pTable'。数据表; }; 地位 名称 诺克 电话 我迷路了 添加/编辑 288f60e3-0d8f-4a4a-92f9-4f4eeb737909 忙碌的 巴迪1 某人 12354475541 符合事实的 编辑 ae2dc252-4940-455e-a528-766f3d7d8fe9 忙碌的 Buddy2 别人 0564654654734 错误的 编辑 地位 名称 患者 电话 我迷路了 添加/编辑 您有6个tds,但两行都有7个tds。th的数量必须与td的数量匹配。添加一个隐藏的th修复了它

$document.readyfunction{ $'pTable'。数据表; }; 地位 名称 诺克 电话 我迷路了 添加/编辑 288f60e3-0d8f-4a4a-92f9-4f4eeb737909 忙碌的 巴迪1 某人 12354475541 符合事实的 编辑 ae2dc252-4940-455e-a528-766f3d7d8fe9 忙碌的 Buddy2 别人 0564654654734 错误的 编辑 地位 名称 患者 电话 我迷路了 添加/编辑 您有6个tds,但两行都有7个tds。th的数量必须与td的数量匹配。添加一个隐藏的th修复了它

$document.readyfunction{ $'pTable'。数据表; }; 地位 名称 诺克 电话 我迷路了 添加/编辑 288f60e3-0d8f-4a4a-92f9-4f4eeb737909 忙碌的 巴迪1 某人 12354475541 符合事实的 编辑 ae2dc252-4940-455e-a528-766f3d7d8fe9 忙碌的 Buddy2 别人 0564654654734 错误的 编辑 地位 名称 患者 电话 我迷路了 添加/编辑
页眉数THAD tr th和正文中的单元格数tr td在每行中应相同,页脚也应相同。一旦你这样做,这个错误w 我将被撤职

'<table id="pTable" class="display" style="width:100%">
<thead>
    <tr>
        <th>Status</th>
        <th>Name</th>
        <th>NOK</th>
        <th>Phone</th>
        <th>IsEnabled</th>
        <th>Add/Edit</th>
        <th>Some Heading</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td class="text-muted" data-bind="text: ID, visible: false" style="display: none;">288f60e3-0d8f-4a4a-92f9-4f4eeb737909</td>
        <td><span class="label label-accent">Active</span></td>
        <td class="text-muted" data-bind="text: NAME">Buddy1</td>
        <td class="text-muted" data-bind="text: NOK">SomeOne</td>
        <td class="text-muted" data-bind="text: SYMPTOMS">12354475541</td>
        <td class="text-muted">
            <div class="pretty p-round p-fill p-icon">
                <input type="checkbox" data-bind="value: ISENABLED, checked: ISENABLED, event: { change: $parent.togglePatients}" value="true">
                <div class="state p-primary">
                    <i class="icon fa fa-check"></i>
                    <label data-bind="text: ISENABLED">true</label>
                </div>
            </div>
        </td>
        <td class="text-muted">
            <div class="btn-group pull-right">
                <button data-bind="click: $parent.showPatients" type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#PatientsModal">
                                                <i class="fa fa-edit"></i> Edit
                                            </button>
            </div>
        </td>
    </tr>
    <tr>

        <td class="text-muted" data-bind="text: ID, visible: false" style="display: none;">ae2dc252-4940-455e-a528-766f3d7d8fe9</td>
        <td><span class="label label-accent">Active</span></td>
        <td class="text-muted" data-bind="text: NAME">Buddy2</td>
        <td class="text-muted" data-bind="text: NOK">SomeOne Else</td>
        <td class="text-muted" data-bind="text: SYMPTOMS">0564654654734</td>
        <td class="text-muted">
            <div class="pretty p-round p-fill p-icon">
                <input type="checkbox" data-bind="value: ISENABLED, checked: ISENABLED, event: { change: $parent.togglePatients}" value="false">
                <div class="state p-primary">
                    <i class="icon fa fa-check"></i>
                    <label data-bind="text: ISENABLED">false</label>
                </div>
            </div>
        </td>
        <td class="text-muted">
            <div class="btn-group pull-right">
                <button data-bind="click: $parent.showPatients" type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#PatientsModal">
                                                <i class="fa fa-edit"></i> Edit
                                            </button>
            </div>
        </td>

    </tr>

</tbody>
<tfoot>
    <tr>
        <th>Status</th>
        <th>Name</th>
        <th>Patients</th>
        <th>Phone</th>
        <th>IsEnabled</th>
        <th>Add/Edit</th>
        <th>Some Heading</th>
    </tr>
</tfoot>

每行的页眉数和正文中的单元格数应相同,页脚也应相同。执行此操作后,此错误将被删除

'<table id="pTable" class="display" style="width:100%">
<thead>
    <tr>
        <th>Status</th>
        <th>Name</th>
        <th>NOK</th>
        <th>Phone</th>
        <th>IsEnabled</th>
        <th>Add/Edit</th>
        <th>Some Heading</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td class="text-muted" data-bind="text: ID, visible: false" style="display: none;">288f60e3-0d8f-4a4a-92f9-4f4eeb737909</td>
        <td><span class="label label-accent">Active</span></td>
        <td class="text-muted" data-bind="text: NAME">Buddy1</td>
        <td class="text-muted" data-bind="text: NOK">SomeOne</td>
        <td class="text-muted" data-bind="text: SYMPTOMS">12354475541</td>
        <td class="text-muted">
            <div class="pretty p-round p-fill p-icon">
                <input type="checkbox" data-bind="value: ISENABLED, checked: ISENABLED, event: { change: $parent.togglePatients}" value="true">
                <div class="state p-primary">
                    <i class="icon fa fa-check"></i>
                    <label data-bind="text: ISENABLED">true</label>
                </div>
            </div>
        </td>
        <td class="text-muted">
            <div class="btn-group pull-right">
                <button data-bind="click: $parent.showPatients" type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#PatientsModal">
                                                <i class="fa fa-edit"></i> Edit
                                            </button>
            </div>
        </td>
    </tr>
    <tr>

        <td class="text-muted" data-bind="text: ID, visible: false" style="display: none;">ae2dc252-4940-455e-a528-766f3d7d8fe9</td>
        <td><span class="label label-accent">Active</span></td>
        <td class="text-muted" data-bind="text: NAME">Buddy2</td>
        <td class="text-muted" data-bind="text: NOK">SomeOne Else</td>
        <td class="text-muted" data-bind="text: SYMPTOMS">0564654654734</td>
        <td class="text-muted">
            <div class="pretty p-round p-fill p-icon">
                <input type="checkbox" data-bind="value: ISENABLED, checked: ISENABLED, event: { change: $parent.togglePatients}" value="false">
                <div class="state p-primary">
                    <i class="icon fa fa-check"></i>
                    <label data-bind="text: ISENABLED">false</label>
                </div>
            </div>
        </td>
        <td class="text-muted">
            <div class="btn-group pull-right">
                <button data-bind="click: $parent.showPatients" type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#PatientsModal">
                                                <i class="fa fa-edit"></i> Edit
                                            </button>
            </div>
        </td>

    </tr>

</tbody>
<tfoot>
    <tr>
        <th>Status</th>
        <th>Name</th>
        <th>Patients</th>
        <th>Phone</th>
        <th>IsEnabled</th>
        <th>Add/Edit</th>
        <th>Some Heading</th>
    </tr>
</tfoot>

mData在哪里定义?我在你的帖子里看不到。可能的原因是其中一个属性为空或NaN或类似内容,而您没有处理它。您有6个标题用于7 td,添加一个@bilpor,感谢您尝试回答或帮助,但我认为我们需要了解有关框架的上下文和想法。您知道数据表是如何使用的吗?mData是在哪里定义的?我在你的帖子里看不到。可能的原因是其中一个属性为空或NaN或类似内容,而您没有处理它。您有6个标题用于7 td,添加一个@bilpor,感谢您尝试回答或帮助,但我认为我们需要了解有关框架的上下文和想法。你知道数据表是如何使用的吗?