DataTables：如何将表格放在数据表中

Question

我需要在我的数据表格中放置表格，但看起来datatables不支持它。有人知道我如何获得所需的功能吗？我尝试使用看起来像表格而不是表格的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。

- Farzher

---

看起来像是 JavaScript 错误，但你的代码中没有 JavaScript。你需要发布更多信息以便我们能够帮助你。 - Cfreak

这是由datatables.js的第27行引起的。我认为这是因为我的TR只有一个TD，但我不知道该怎么办。 - Farzher

你能提供一个可工作的 jsfiddle 示例吗？ - laxris

你为什么在只有一列的情况下使用Colspan="99"？ - Ann L.

Answer 1

假设这个问题是关于jQuery DataTables JavaScript插件的（假设因为提供的示例代码中没有JS的提及），我会遵循作者在他的博客中概述的示例：http://datatables.net/blog/Drill-down_rows。我之前使用过这种方法，效果相当不错。 它假设您在呈现表格时将其初始化为空，然后通过AJAX获取数据，但我认为它也可以轻松修改为在服务器端生成。 另一个选项是使用主/详细信息示例作为指南，您可以在此处找到该示例以及样本代码：http://datatables.net/examples/api/row_details.html。

- Graham Conzett