
jsp上でBeanで以下のように設定されている
ArrayList<ArrayList<Integer>> a;
a.add(new ArrayList<Integer>);
a.add(new ArrayList<Integer>);
a.add(new ArrayList<Integer>);
a.get(0).add(0);
a.get(0).add(1);
a.get(1).add(2);
a.get(1).add(3);
a.get(1).add(4);
a.get(1).add(5);
a.get(2).add(6);
a.get(2).add(7);
a.get(2).add(8);
aのような行と列が不定のArrayListの全ての値をjspの画面上に
値 値 値
0 2 6
1 3 7
4 8
5
といったようにテーブルで表示したいのですがjspにどのような既述をすればよいでしょうか?
クリックしたときの処理などの導入や項目を増やすなど拡張する場合があるので
以下のような形とレイアウトが同じようになると望ましいです
<td>
<table>
<tr>値</tr>
<tr>0</tr>
<tr>1</tr>
<tr>2</tr>
</table>
</td>
<td>
<table>
<tr>値</tr>
<tr>3</tr>
<tr>4</tr>
<tr>5</tr>
</table>
</td>
<td>
<table>
<tr>値</tr>
<tr>6</tr>
<tr>7</tr>
<tr>8</tr>
</table>
</td>
No.1ベストアンサー
- 回答日時:
こんにちは。
>以下のような形とレイアウトが同じようになると望ましいです
タグが構成的におかしいので勝手に直しました。
*インデントに全角スペース使ってます
動きは追って貰えばわかると思いますので説明を割愛します。
<table border="1">
<tr>
<%
// 列分の処理
for ( int i = 0; i < a.size(); i ++ ) {
%>
<td valign="top">
<table>
<tr>
<th>値</th>
</tr>
<%
// 行分の処理(指定列の行数分)
for ( int j = 0; j < a.get(i).size(); j ++ ) {
%>
<tr>
<td>
<%=a.get(i).get(j) %>
</td>
</tr>
<%
}
%>
</table>
</td>
<%
}
%>
</tr>
</table>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- Perl PERL 1 2022/04/26 14:15
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
チェックボックスにチェックが...
-
至急!GetElementById でtdの...
-
jQueryのプラグイン「Tablesort...
-
【秀丸マクロ】検索行と、その...
-
テーブルの項目の値取得
-
ツールチップにテーブル左端列...
-
特定<table>内の<td>の色を変える
-
一覧から選択した行の行番号を...
-
JavaScriptで特定のtdタグにcla...
-
\\u30ad\\u30fc\\u30dc・・・と...
-
ハイパーリンクを別ウインドウ...
-
プルダウンで選択すると、DBの...
-
【JS】selectでchangeした時の...
-
return trueとreturn falseの用...
-
ラジオボタンのチェックが外れ...
-
Selectボックスの幅を自動で広...
-
プルダウン選択を変更すると、...
-
<JavaScript>tableタグを入力不...
-
正規表現で複数マッチ条件で悩...
-
サイトのリロード間隔を選択で...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
特定<table>内の<td>の色を変える
-
ハイパーリンクを別ウインドウ...
-
プルダウンで選択すると、DBの...
-
JavaScriptで特定のtdタグにcla...
-
至急!GetElementById でtdの...
-
一覧から選択した行の行番号を...
-
クリックされた罫表セルの行番...
-
tableの任意行にfocusをあてる
-
javascript クリックすると、あ...
-
チェックボックスにチェックが...
-
マウスをブラウザの外に出した...
-
ブルダウン選択でページの表示...
-
Excelで作ったhtmlファイルのサ...
-
スクロールバーの表示位置を変...
-
動的なtableの値を取得したい
-
ツールチップにテーブル左端列...
-
【UWSC】HTML内のある部分を抽...
-
別ページからOnclickでテーブル...
-
【JQuery】テーブルで行選択さ...
-
JSで、テーブルのある行のみ、...
おすすめ情報