jQuery - Datatables，一个全宽行，后面是5列

Question

我有一个DataTable如下： -

＆＃xA;＆＃xA;

https://jsfiddle.net/7magtdyy/1/

＆＃xA;＆＃xA;

 ＆lt; div id =“tabs-＆lt;？php echo $ cat_inc ;＆gt;“＆gt; ＆＃XA;＆＃XA; ＆lt; table class =“table-products display”cellspacing =“0”width =“100％”＆gt;＆＃xA; ＆LT; THEAD＆GT;＆＃XA; ＆LT; TR＆GT;＆＃XA; ＆lt; th class =“hidden”＆gt; id＆lt; / th＆gt;＆＃xA; ＆LT的第i;图像＆LT; /第＆GT;＆＃XA; ＆lt; th＆gt;短标题＆lt; / th＆gt;＆＃xA; ＆lt; th class =“hidden”＆gt;说明＆lt; / th＆gt;＆＃xA; ＆lt; th class =“hidden”＆gt;费用＆lt; / th＆gt;＆＃xA; ＆LT的第i;数量＆LT; /第＆GT;＆＃XA; ＆lt; th＆gt;总费用＆lt; / th＆gt;＆＃xA; ＆LT;第＆gt;选项＆LT; /第＆GT;＆＃XA; ＆LT; / TR＆GT;＆＃XA; ＆LT; / THEAD＆GT;＆＃XA; ＆LT; TFOOT＆GT;＆＃XA; ＆LT; TR＆GT;＆＃XA; ＆lt; th class =“hidden”＆gt; id＆lt; / th＆gt;＆＃xA; ＆LT的第i;图像＆LT; /第＆GT;＆＃XA; ＆lt; th＆gt;短标题＆lt; / th＆gt;＆＃xA; ＆lt; th class =“hidden”＆gt;说明＆lt; / th＆gt;＆＃xA; ＆lt; th class =“hidden”＆gt;费用＆lt; / th＆gt;＆＃xA; ＆LT的第i;数量＆LT; /第＆GT;＆＃XA; ＆lt; th＆gt;总费用＆lt; / th＆gt;＆＃xA; ＆LT;第＆gt;选项＆LT; /第＆GT;＆＃XA; ＆LT; / TR＆GT;＆＃XA; ＆LT; / TFOOT＆GT; ＆＃XA;＆＃XA; ＆lt;？php foreach（$ posts as $ post）：＆＃xA;＆＃xA; setup_postdata（$ post）;＆＃xA;＆＃xA; ？＆GT;＆＃XA;＆＃XA; ＆LT; TBODY＆GT;＆＃XA; ＆LT; TR＆GT;＆＃XA; ＆lt; td class =“hidden”＆gt;＆lt;？php the_ID（）; ？＆GT;＆LT; / TD＆GT;＆＃XA; ＆lt; td＆gt;＆lt; span class =“product-image”style =“background：url（＆lt;？php the_field（'image'）;？＆gt;）;”＆gt;＆lt; / span＆gt;＆lt; / td＆gt; ＆＃XA; ＆lt; td＆gt;＆lt;？php the_field（'short_title'）; ？＆GT;＆LT; / TD＆GT;＆＃XA; ＆lt; td class =“hidden”＆gt;＆lt;？php the_field（'description'）; ？＆GT;＆LT; / TD＆GT;＆＃XA; ＆lt; td class =“hidden”＆gt;＆lt;？php the_field（'cost_price'）; ？＆GT;＆LT; / TD＆GT;＆＃XA; ＆lt; td＆gt;＆lt; input class =“product-quantity q＆lt;？php the_ID（）;？＆gt;” type =“text”/＆gt;＆lt; / td＆gt;＆＃xA; ＆lt; td＆gt;＆lt; input class =“product-total-cost c＆lt;？php the_ID（）;？＆gt;” type =“text”/＆gt;＆lt; / td＆gt;＆＃xA; ＆lt; td＆gt;＆lt; input type =“button”class =“add-row”name =“add-row”value =“Add”＆gt;＆lt; / td＆gt;＆＃xA; ＆LT; / TR＆GT;＆＃XA; ＆LT; / tbody的＆GT;＆＃XA;＆＃XA; ＆lt;？php $ product_increment ++; endforeach; ？＆GT;＆＃XA;＆＃XA; ＆lt; / table＆gt;＆＃xA;  

＆＃xA;＆＃xA;

有没有办法将每一行显示为全宽行，后跟一行四列，即： -

＆＃XA;＆＃XA;

 <代码>＆LT; TBODY＆GT;＆＃XA; ＆LT; TR＆GT;＆＃XA; ＆lt; td＆gt;＆lt;？php the_field（'short_title'）; ？＆GT;＆LT; / TD＆GT;＆＃XA; ＆LT; / TR＆GT;＆＃XA; ＆LT; TR＆GT;＆＃XA; ＆lt; td class =“hidden”＆gt;＆lt;？php the_ID（）; ？＆GT;＆LT; / TD＆GT;＆＃XA; ＆lt; td＆gt;＆lt; span class =“product-image”style =“background：url（＆lt;？php the_field（'image'）;？＆gt;）;”＆gt;＆lt; / span＆gt;＆lt; / td＆gt; ＆＃XA; ＆lt; td＆gt;＆lt;？php the_field（'short_title'）; ？＆GT;＆LT; / TD＆GT;＆＃XA; ＆lt; td class =“hidden”＆gt;＆lt;？php the_field（'description'）; ？＆GT;＆LT; / TD＆GT;＆＃XA; ＆lt; td class =“hidden”＆gt;＆lt;？php the_field（'cost_price'）; ？＆GT;＆LT; / TD＆GT;＆＃XA; ＆lt; td＆gt;＆lt; input class =“product-quantity q＆lt;？php the_ID（）;？＆gt;” type =“text”/＆gt;＆lt; / td＆gt;＆＃xA; ＆lt; td＆gt;＆lt; input class =“product-total-cost c＆lt;？php the_ID（）;？＆gt;” type =“text”/＆gt;＆lt; / td＆gt;＆＃xA; ＆lt; td＆gt;＆lt; input type =“button”class =“add-row”name =“add-row”value =“Add”＆gt;＆lt; / td＆gt;＆＃xA; ＆lt; / tr＆gt;＆＃xA;＆lt; / tbody＆gt;＆＃xA;  

＆＃xA;＆＃xA;

< / p>＆＃xA;＆＃xA;

我试过这样做但它打破了表，是否有定义列的功能？任何帮助将非常感激！

＆＃XA;

Answer 1

因为您使用php创建表，然后初始化Datatable，而不是使用服务器端处理，您必须能够这样做。

 <tr>
  <td colspan="5">Full Width Row</td>
</tr>