2016-07-24 94 views
0

我正在使用jQuery DataTables。最近客户增加了一个产品线,它有很长的型号。现在型号对于单个电池来说太长了。我想补充的行这样的:如何将colspan与DataTables.row.add一起使用()

oTable.row.add(["Quantity & Model", "(1) PPJN 565.058A/4FA-J33L/42P.M", ""]); 

这使得:

<tr role="row" class="even"> 
    <td>Quantity &amp; Model</td> 
    <td>(1) PPJN 565.058A/4FA-J33L/42P.M</td> 
    <td></td> 
</tr> 

我想完成类似下面拿最后一个空栏的优势:

<tr role="row" class="even"> 
    <td>Quantity &amp; Model</td> 
    <td colspan="2">(1) PPJN 565.058A/4FA-J33L/42P.M</td> 
    <td style="display:none;"></td> 
</tr> 

也许有一种方法可以一起排除最后一列。

我该如何做到这一点?这张表不用于排序或类似的东西。

回答

1

您可以使用empty-cells css属性。

table{ 
    empty-cells:hide; 
} 
+0

这对一行是可行的,但表格中还有其他行具有空单元格。你知道如何使用row.add()API将类/ id添加到行吗?我也知道这将是表中的第二行,但我宁愿将一个类分配给该行 - 我认为。 – rwkiii

+0

Sure - 'oTable.row.add([“Quantity & Model”,“(1)PPJN 565.058A/4FA-J33L/42 P.M”,“”])。addClass('clearLastCell');' And当然相应的CSS:'.clearLastCell {empty-cells:hide; }' 你只需要检查数组中的最后一个值是否等于“”。 – Eddimull

相关问题