使用colspan在jquery数据表中每N行后显示ad图像

我的datatable有100行，页面长度设置为10。我想在每第6行之后动态显示一个广告图像。此advt位置不应受到排序顺序/分页的影响

    <table id="example">
       <thead>
          <tr>
             <th>Subject</th>
             <th>By</th>
             <th>Location</th>
          </tr>
       </thead>
       <tbody>
          <tr>
             <td>1</td>
             <td>2</td>
             <td>3</td>
          </tr>

// if row index = 6 then show advt image by merging columns. I gather colspan is not supported.

          <tr>
             <td colspan="3">show advt</td>
             <td style="display: none;"></td>
          </tr>
       </tbody>
    </table>

主题
通过
位置
1.
2.
3.
//如果行索引=6，则通过合并列显示advt图像。我推测colspan不受支持。
显示advt

添加colspan会导致失去排序和分页功能。下面的黑客也不起作用

<td style="display: none;"></td>

---

如果我在第6行添加子行；它在分拣时丢失

您可以通过搜索

tr:nth child（6n）

来选择每6、12、18行

您可以使用jQuery插入内容。您可以按如下方式一起使用它：

$('tr:nth-child(6n)').after('<div>ad</div>');

$（'tr:nth child（6n）'）。在（'ad'）之后；

这里有一个例子

---

我不确定这将如何影响您的分页，但也许您可以调整分页设置以适应广告，或者仅在插入广告后初始化分页？

这在datatable插件中应该如何工作？Op已经提到了排序问题……我不知道datatable是一个插件，我只是认为它应该是一个显示数据库结果的

表！可以这样做，但需要呈现插件公开的回调。如果我能够将索引值传递给c，这可能会有所帮助#