2011-12-16 1 views
1
<html> 
<body> 
<script language="JavaScript"> 
    function function1() { 
     document.all.myTableHeader.colSpan = "3"; 
    } 
    function function2() { 
     document.all.myTd1.colSpan = "3"; 
    } 
    function function3() { 
     document.all.myTd2.colSpan = "2"; 
    } 
    function function4() { 
     document.all.myTableHeader.colSpan = "1"; 
     document.all.myTd1.colSpan = "1"; 
     document.all.myTd2.colSpan = "1"; 
    } 
</script> 
<table> 
    <tr> 
     <th align="center" bgcolor="blue" style="color:white;">First Header</th> 
     <th id="myTableHeader" bgcolor="green" style="color:white;"width="140">Second Header</th> 
     <th align="center" bgcolor="red" style="color:white;" width="140">Third Header</th> 
     <th align="center" bgcolor="gray" style="color:white;"width="140">Fourth Header</th> 
    </tr> 
    <tr> 
     <td id="myTd1">Cell 1 content</td> 
     <td>Cell 2 content</td> 
     <td id="myTd2">Cell 3 content</td> 
     <td>Cell 4 content</td> 
    </tr> 
</table> 
<input type="button" name="S1" value="Span Second Header" onClick="function1();"> 
<input type="button" name="S2" value="Span Cell 1" onClick="function2();"> 
<input type="button" name="S3" value="Span Cell 3" onClick="function3();"> 
<input type="button" name="S4" value="Restore" onClick="function4();"> 
</body> 
</html> 

これは、私が「スパンセル1」にCOLSPANが適切に行われているボタンをクリックしたときに、私のcode.hereの問題はあるが、先のtdのはextend.andテーブルレイアウトがdisturb.iであります平均のテーブルサイズincrese.cantそれは残りの列で管理しますか? スパンセルの1ボタンをクリックして最初のtdが最初の3つのheaderでスパンである場合、残りのtdは1つのheader.suggestにあるはずです。COLSPANは、ボタンをクリックした上で調整

事前のおかげで、

答えて

0

が、先のtdのはextend.andテーブルレイアウトは、これはどのようにすべきである

を妨害しているです。セルを削除する必要があります。このスペースは、セルをまたいで占有されます。

javascriptではなく、エディタでHTMLを編集しているcolspan/rowspanプロパティで再生することができます。

関連する問題