2016-07-24 12 views
0

Ich benutze jQuery DataTables. Vor kurzem hat der Kunde eine Produktlinie mit langen Modellnummern hinzugefügt. Die Modellnummern sind jetzt zu lang für eine einzelne Zelle. Ich füge die Zeile wie folgt aus:Wie verwendet man Colspan mit DataTables.row.add()

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

Dies macht:

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

ich so etwas wie die folgenden nutzen Sie die letzte leere Spalte erreichen möchten:

<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> 

Vielleicht Es gibt eine Möglichkeit, die letzte Spalte alle zusammen zu eliminieren.

Wie kann ich das erreichen? Diese Tabelle wird nicht zum Sortieren oder Ähnlichem verwendet.

Antwort

1

Sie könnten die CSS-Eigenschaft empty-cells verwenden.

table{ 
    empty-cells:hide; 
} 
+0

Dies ist für die eine Zeile machbar, aber es gibt andere Zeilen in der Tabelle mit leeren Zellen. Wissen Sie, wie Sie der Zeile mithilfe der API row.add() eine Klasse/ID hinzufügen? Ich weiß auch, dass dies die zweite Reihe in der Tabelle sein wird, aber ich würde lieber eine Klasse der Reihe zuweisen - denke ich. – rwkiii

+0

Sure - 'oTable.row.add ([" Menge & Modell "," (1) PPJN 565.058A/4FA-J33L/42 P.M "," ")). AddClass ('clearLastCell');' And natürlich das entsprechende css: '.clearLastCell {empty-cells: hide; } ' Sie müssen nur überprüfen, ob der letzte Wert im Array gleich" "ist. – Eddimull