質問失礼致します。
現在、html内で記述されているtableを、javascriptにより複数に分けようとしているのですが、上手く行きません。
具体的には、
html
1<body> 2 <table style="table-layout: fixed;"> 3 <thead> 4 <tr>~</tr> 5 </thead> 6 7 <tbody> 8 <tr> 9 <td>行1-1</td> 10 <td>行1-2</td> 11 </tr> 12 <tr> 13 <td>行2-1</td> 14 <td>行2-2</td> 15 </tr> 16 </tbody> 17 18 </table> 19</body> 20
というテーブルを、適当な行で以下のように分断させ、2つ以上のテーブルを作ろうとしています。
html
1 <table style="table-layout: fixed;"> 2 <thead> 3 <tr>~</tr> 4 </thead> 5 <tbody> 6 <tr> 7 <td>行1-1</td> 8 <td>行1-2</td> 9 </tr> 10 </tbody> 11 </table> 12 13 <table style="table-layout: fixed;"> 14 <thead> 15 <tr>~</tr> 16 </thead> 17 <tbody> 18 <tr> 19 <td>行2-1</td> 20 <td>行2-2</td> 21 </tr> 22 </tbody> 23 </table>
〇試したこと
適当なtr要素に、innerHTMLでタグを書き加えて(/tbody /table table~thead~tr)無理矢理テーブルタグを一度閉じ、
また新しいテーブルを作成させようとしたのですが、thead以外のタグ(/tbody /tableなど)が全て無かったことにされてしまいました。(エラーは出ないが書き込みが消えている)
なんとか1つのテーブルを複数に分裂させる方法はないでしょうか。
お知恵をお借りできたら幸いです。何卒宜しくお願い致します。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/06 02:39