DataTables 将表放在数据表中答案

【问题标题】：DataTables putting tables inside of a datatableDataTables 将表放在数据表中
【发布时间】：2012-05-08 10:41:44
【问题描述】：

我需要将表放在我的数据表中，但它看起来不像数据表喜欢它。有谁知道我怎样才能获得我需要的功能？我尝试放入看起来像表格而不是表格的 div，但它仍然坏了。我想是因为 tr 只有一个 td。

我的代码：

foreach($campaigns as $campaign):?>
<tr>
    <td><?php echo $campaign['name']?></td>
    <td><?php echo date('m/d/Y', strtotime($campaign['created_date']))?></td>
    <td><?php echo $campaign['country_id']?></td>
    <td><?php echo $campaign['domain_getter_type']?></td>
    <td><?php echo $campaign['domain_metrics']?> <?php echo $campaign['metric_filter_setting_id']?></td>
    <td><?php echo $campaign['domain_contact']?></td>
    <td>0</td>
</tr>
<!--campaign runs-->
<tr>
    <td colspan="99">
        <table>
            <thead>
                <tr>
                    <th>dfad</th>
                    <th>t3wtaw3 On</th>
                    <th>dfw</th>
                    <th>Domain dawfd</th>
                    <th>p3p3</th>
                </tr>
            </thead>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
                <td>5</td>
            </tr>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
                <td>5</td>
            </tr>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
                <td>5</td>
            </tr>
        </table>
    </td>
</tr>
<?php endforeach;?>

在每一行数据之后，我想放置一个可以显示或隐藏的隐藏表格，其中包含有关该广告系列每次特定运行的附加信息。

我在 chrome 中收到此错误：Uncaught TypeError: Cannot read property 'className' of undefined

【问题讨论】：

这看起来像是一个 javascript 错误，但您的代码中没有 javascript。您需要发布更多信息，我们才能为您提供帮助。
它由 datatables.js 第 27 行引起。我认为这是因为我的 TR 只有一个 TD，但我知道我能做些什么
你能给我们提供一个 jsfiddle 工作示例吗？
只有一列的情况下为什么要使用 Colspan="99"？

标签： php javascript jquery datatable datatables

【解决方案1】：

假设这个问题是指jQuery DataTables JavaScript 插件（假设因为我在提供的示例代码中没有提到 JS），我会按照作者在他的博客中概述的示例：http://datatables.net/blog/Drill-down_rows

我以前用过这个方法，效果很好。

它确实假设您在呈现时将表初始化为空，然后使用 AJAX 获取数据，但我认为没有理由不能轻松地将其修改为在服务器端生成。

另一种选择是使用主/详细示例作为指导，您可以在此处找到示例代码：http://datatables.net/examples/api/row_details.html

【讨论】：