Question

我有这个警告

DataTables警告（表格ID =＆＃39; datatabledetail＆＃39;）：意外的数字 TD元素。预计3并得到0. DataTables不支持表体中的rowspan / colspan，必须有一个单元格每行/列组合。

当我的桌子是空的时候，

我该怎么办？

这是我的数据表代码

var oTableDetail = $('#datatabledetail').dataTable({
        "bSort": false,
        "bAutoWidth": false,
        "bProcessing": false,
        "bFilter": false,
        "bPaginate": false,
        "aoColumns": [
                        { "mDataProp": "Id", "bVisible": true },
                        { "mDataProp": "CodeValue", "bVisible": true },
                        { "mDataProp": "NameValue", "bVisible": true }
        ]//
        ,
        "aoColumnDefs": [
                            {
                                "fnRender": function (o) {
                                    return "<center>  <input type='button' id='" + o.aData['Id'] + "' class='cremove mws-button blue' value='Remove'></center>";
                                },
                                "aTargets": [0]
                            }
        ]
    });

这是我在html中的代码

<table cellpadding="0" cellspacing="0" border="0" class="mws-table" id="datatabledetail"
                               width="100%">
                            <thead>
                                <tr>
                                    <th style="text-align: center; width: 5%;">
                                        Action
                                    </th>
                                    <th style="text-align: center; width: 40%;">
                                        Food Name
                                    </th>
                                    <th style="text-align: center; width: 10%;">
                                        Food Code
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>

                                </tr>
                            </tbody>
                        </table>

Answer 1

在DataTable库中，您不能在html标记中使用任何属性rowspan或colspan，并确保表标题和表体之间的列数匹配，例如：

<table id="xyz">
   <thead>
     <tr>
       <th>Heading 1</th>
       <th>Heading 2</th>
       <th>Heading 3</th>
       <th>Heading 4</th>
     <tr>
   </thead>
   <tbody>
     <tr>
       <td>Content</td>
       <td>Content</td>
       <td>Content</td>
       <td>Content</td>
     <tr>
     <tr>
       <td>Content</td>
       <td>Content</td>
       <td>Content</td>
       <td>Content</td>
     <tr>
     <tr>
       <td>Content</td>
       <td>Content</td>
       <td>Content</td>
       <td>Content</td>
     <tr>
     <tr>
       <td>Content</td>
       <td>Content</td>
       <td>Content</td>
       <td>Content</td>
     <tr>
   </tbody>
</table>

当表为空时，JQuery数据表警告

1 个答案: