jquery - "oCol is Undefined"使用数据表和 jQuery Ui 对话框

Question

我有一个表格，用于搜索注册表。此表单显示 jQuery 对话框 中的信息，并且在对话框内部，我使用 Datatables (是的，在对话框内部我有一个完整的表)。我使用 PHP 动态生成 TR 和 TD，然后 PHP 将字符串粘贴到 HTML 中。但是，当显示对话框时，我收到此错误:

oCol is undefined: oCol.fnSetData( oData, val );

我在 Firefox 和 Chrome 中尝试过，结果是一样的。我还搜索了 http://www.datatables.net ，我丢弃了“格式错误的表”。我不知道我做错了什么。

你能帮我解决这个问题吗？

这是我的 JS block :

        <script type="text/javascript" language="javascript" src="lib/jQuery/jquery-1.6.1.js"></script>
        <script type="text/javascript" language="javascript" src="lib/jQuery Ui/js/jquery-ui-1.8.13.custom.min.js"></script>
        <script type="text/javascript" language="javascript" src="lib/Datatables/DataTables-1.8.0/media/js/jquery.dataTables.js"></script>
        <script type="text/javascript">
            $(document).ready(function (){
                $("#results").dialog({
                    title: "Results",
                    width: 900, 
                    height: 500,
                    open: function(event, ui){
                        $("#tRes").dataTable({
                            "bPaginate": true,
                            "bLengthChange": true,
                            "bFilter": true,
                            "bSort": true,
                            "bInfo": true,
                            "bAutoWidth": true
                        });
                    }
                });
            });
        </script>

这是我的表(带有 PHP 代码段):

<div id="results">
    <table id="tRes">
        <thead>
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>State</th>
                <th>Address</th>
            </tr>
        </thead>
        <tbody>
            <?php 
                echo $rows;
            ?>
        </tbody>
    </table>
</div>

提前致谢。

Answer 1

发生这种情况可能是因为您的表结构不正确。确保有 thead 和 tbody。我遇到了这个错误，一旦我添加了 thead 和 tbody，它就消失了。我的设置与其他回复中的设置完全不同 - 我不确定为什么该设置有效，因为它不适合我。

table
  thead
    tr
      th`s
  tbody
    tr`s
      td`s