質問:以下のJSON構造を使用してcolspanを使用して動的表の行を作成するためのJqueryまたはjavascriptソリューションを探しています。私は、 必要な行を作成する問題に直面しています。私は多くのシナリオを試しましたが、THを追加するためにTRを見つけることはできません。JSONを使用した動的HTMLテーブル行の作成
お手数をおかけします。
ここに私のJSON形式ここで
[{"data":"test","nodes":[{"data":"5.00%","nodes":[{"data":"5.00%","nodes":[{"data":"Jul 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Aug 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Sep 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Oct 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Nov 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Dec 2014","nodes":[{"data":"Result","nodes":null}]}]},{"data":"70.00%","nodes":[{"data":"Jul 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Aug 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Sep 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Oct 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Nov 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Dec 2014","nodes":[{"data":"Result","nodes":null}]}]},{"data":"80.00%","nodes":[{"data":"Jul 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Aug 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Sep 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Oct 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Nov 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Dec 2014","nodes":[{"data":"Result","nodes":null}]}]}]},{"data":"5.00%","nodes":[{"data":"5.00%","nodes":[{"data":"Jul 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Aug 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Sep 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Oct 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Nov 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Dec 2014","nodes":[{"data":"Result","nodes":null}]}]},{"data":"70.00%","nodes":[{"data":"Jul 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Aug 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Sep 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Oct 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Nov 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Dec 2014","nodes":[{"data":"Result","nodes":null}]}]},{"data":"80.00%","nodes":[{"data":"Jul 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Aug 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Sep 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Oct 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Nov 2014","nodes":[{"data":"Result","nodes":null}]},{"data":"Dec 2014","nodes":[{"data":"Result","nodes":null}]}]}]}]}]
は私がするつもりはありません、私は
HTML構造
<table>
<tr>
<th colspan="36">test</th>
</tr>
<tr>
<td colspan="18">5.00%</td>
<td colspan="18">5.00%</td>
</tr>
<tr>
<td colspan="6">5.00%</td>
<td colspan="6">70.00%</td>
<td colspan="6">80.00%</td>
<td colspan="6">5.00%</td>
<td colspan="6">70.00%</td>
<td colspan="6">80.00%</td>
</tr>
<tr>
<td colspan="1">Jul 2014</td>
<td colspan="1">Aug 2014</td>
<td colspan="1">Sep 2014</td>
<td colspan="1">Oct 2014</td>
<td colspan="1">Nov 2014</td>
<td colspan="1">Dec 2014</td>
<td colspan="1">Jul 2014</td>
<td colspan="1">Aug 2014</td>
<td colspan="1">Sep 2014</td>
<td colspan="1">Oct 2014</td>
<td colspan="1">Nov 2014</td>
<td colspan="1">Dec 2014</td>
<td colspan="1">Jul 2014</td>
<td colspan="1">Aug 2014</td>
<td colspan="1">Sep 2014</td>
<td colspan="1">Oct 2014</td>
<td colspan="1">Nov 2014</td>
<td colspan="1">Dec 2014</td>
<td colspan="1">Jul 2014</td>
<td colspan="1">Aug 2014</td>
<td colspan="1">Sep 2014</td>
<td colspan="1">Oct 2014</td>
<td colspan="1">Nov 2014</td>
<td colspan="1">Dec 2014</td>
<td colspan="1">Jul 2014</td>
<td colspan="1">Aug 2014</td>
<td colspan="1">Sep 2014</td>
<td colspan="1">Oct 2014</td>
<td colspan="1">Nov 2014</td>
<td colspan="1">Dec 2014</td>
<td colspan="1">Jul 2014</td>
<td colspan="1">Aug 2014</td>
<td colspan="1">Sep 2014</td>
<td colspan="1">Oct 2014</td>
<td colspan="1">Nov 2014</td>
<td colspan="1">Dec 2014</td>
</tr>
</table>
あなたはJSONを受信するためのコードを持っていますか?探している機能はJSONを直接取り出してすぐにテーブルを作成するという意味ですか?これまでに何を試しましたか? –
はい、JSONを直接テーブルに作成してください。私はDFSとBFSを使用して2-3のシナリオを試みましたが、私はTHを追加するためにTRを見つけることに失敗しています。 – vinod