Hallo zusammen,
ich bin neu hier im Forum und hab versucht schon ne Lösung für mein Problem zu finden. Ist mir aber nicht gelungen. Deswegen frag ich einfach mal in die Runde.
Ich hab folgendes Problem:
Ich will von einer bereits bestehenden Tabelle nachträglich einen colspan einfügen - also eine Zelle nachträglich verlängern.
Bsp. folgende Tabelle existiert:
<table name="MyTable">
<tr>
<td id="Cell1">Zelle 1</td>
<td id="Cell2">Zelle 2</td>
</tr>
<tr>
<td id="Cell3">Zelle 3</td>
<td id="Cell4">Zelle 4</td>
</tr>
</table>
+-----------------------+
| Zelle 1 | Zelle 2 |
+-----------------------+
| Zelle 3 | Zelle 4 |
+-----------------------+
Folgendes Ergebnis soll ein JavaScript bringen:
<table name="MyTable">
<tr>
<td id="Cell1" colspan="2">Zelle 1</td>
</tr>
<tr>
<td id="Cell3">Zelle 3</td>
<td id="Cell4">Zelle 4</td>
</tr>
</table>
+-----------------------+
| Zelle 1 |
+-----------------------+
| Zelle 3 | Zelle 4 |
+-----------------------+
Die Zelle 2 hab ich mit einem CSS bereits versteckt:
.HideObject{
visibility:hidden;
display:none;
}
document.MyTable.Cell2.className = "HideObject";
Dennoch will die Zelle 1 sich nicht über 2 Spalten erstrecken.
Kann ich das mit einem JavaScript überhaupt lösen?
Wäre schon wenn's ne Lösung gäbe. Vielen Dank schon mal für eure Bemühungen.
Gruss Achim