質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JSP

JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

0回答

348閲覧

JSPの表の項目結合について

Maypril

総合スコア0

JSP

JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

1クリップ

投稿2022/09/22 02:39

編集2022/09/22 03:35

jspについて質問です。

ある画面上に表のようなものを表示しております。
一部項目のヘッダ部とデータ部の幅がずれており、表が崩れてしまいます。

ピクセル調整してもEdgeのバージョンによって、ヘッダ部とデータ部の幅が一致しないため、
facetタグを使用し、ヘッダ部とデータ部をひとつのテーブルに合体することにしました。

テーブルの崩れは解消できたのですが、
以下のように、複数のデータ部の項目に対して一つのヘッダ部でまとめるにはどのように記述すれば宜しいでしょうか。


|ヘッダ1| ヘッダ2     |
|データ1|データ2a|データ2b|


facetタグ内ではcolspanは使用できないため、どちらでどのように設定するのが正しいのかわかりません。

実際のソースコードを記載します。


<項目2a>
<h:column>
<f:facet name="header">
<h:outputText value="ヘッダー2"/>
<h/f:facet>
<h:outputText value="データ2a"/>
</h:column>
<項目2b>
<h:column>
<h:outputText value="データ2b"/>
</h:column>


現在上記のように記述すると以下表のように表示されます。
(ヘッダ2が結合されず、データ2bのヘッダが空欄の状態)

|ヘッダ2 |     |
|データ2a|データ2b|

宜しくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2022/09/22 02:46

実際のコードを提示してください。
Maypril

2022/09/22 03:01 編集

<項目2a> <h:column>  <f:facet name="header">     <h:outputText value="ヘッダー2"/>  <h/f:facet>  <h:outputText value="データ2a"/> </h:column> <項目2b> <h:column>  <h:outputText value="データ2b"/> </h:column> 現在上記のように記述すると以下表のように表示されます。 (ヘッダ2が結合されず、データ2bのヘッダが空欄の状態) |ヘッダ2 |     | |データ2a|データ2b| 宜しくお願い致します。
m.ts10806

2022/09/22 03:31

質問は編集できますので。
Maypril

2022/09/22 03:37

ありがとうございます。 質問編集しました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問